/* ILP Portal Design System Tokens — SPA_ROUTING_AND_UI_SPEC.md §4 */
:root {
  /* Surface & Backgrounds */
  --bg-primary: #0a0d14;
  --bg-surface: #121722;
  --bg-surface-elevated: #1a2232;
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-focus: #3b82f6;

  /* Typography Colors */
  --text-primary: #f8fafc;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;

  /* Accent & Status Colors */
  --accent-gold: #f59e0b;
  --accent-blue: #2563eb;
  --status-present: #10b981;
  --status-late: #f59e0b;
  --status-absent: #ef4444;
  --status-out: #6b7280;

  /* Layout */
  --max-width-app: 1200px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
}