/* ========================================================================= Design Tokens (foundation for upcoming redesign — see brief/gpt.md sections 4 "Color System" and 6 "Global UI Rules"). NOTE: The current app is dark-only (see in index.html and tailwind.config darkMode: 'class'). These tokens are defined here for later redesign agents to consume, but nothing in the existing UI has been switched to use them yet, and no light/dark toggle has been wired up. The dark-mode block below simply mirrors the app's current always-dark look using the brief's dark-mode values. ========================================================================= */ :root { /* Primary */ --color-primary: #6366F1; --color-primary-dark: #4F46E5; --color-primary-light: #818CF8; /* Background (light mode default) */ --color-bg: #F8FAFC; --color-surface: #FFFFFF; --color-surface-secondary: #F1F5F9; /* Text (light mode default) */ --color-text-primary: #0F172A; --color-text-secondary: #64748B; --color-text-muted: #94A3B8; /* Status */ --color-success: #10B981; --color-warning: #F59E0B; --color-error: #EF4444; --color-info: #3B82F6; /* Radius */ --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 24px; /* Shadow */ --shadow-subtle: 0 4px 20px rgba(15, 23, 42, 0.06); } /* Dark mode via prefers-color-scheme, unless an explicit light choice is set via data-theme="light" (guard kept per the brief's own pattern for future use — not wired to any toggle today). */ @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --color-bg: #020617; --color-surface: #0F172A; --color-surface-secondary: #1E293B; --color-text-primary: #F8FAFC; --color-text-secondary: #CBD5E1; --color-text-muted: #94A3B8; } } /* Dark mode via explicit opt-in (data-theme="dark"), so a future toggle can win in both directions regardless of system preference. */ :root[data-theme="dark"] { --color-bg: #020617; --color-surface: #0F172A; --color-surface-secondary: #1E293B; --color-text-primary: #F8FAFC; --color-text-secondary: #CBD5E1; --color-text-muted: #94A3B8; } /* ========================================================================= Existing app styles (moved verbatim from the inline