/* Neumorphic design tokens — dark mode overrides. Applied whenever [data-theme="dark"] is set on (see js/theme-toggle.js). Also mirrored under prefers-color-scheme as the no-JS/first-paint fallback. */ [data-theme="dark"] { --neu-bg-primary: #374151; --neu-bg-secondary: #1f2937; --neu-shadow-dark: #111827; --neu-shadow-light: #4b5563; --neu-primary: #9161f0; --neu-primary-bright: #a78bfa; --neu-primary-dark: #7c3aed; --neu-success: #34d399; --neu-warning: #fbbf24; --neu-error: #f87171; --neu-info: #60a5fa; --neu-text: #f3f4f6; --neu-text-dim: #9ca3af; --neu-text-on-primary: #ffffff; --neu-border: rgba(255, 255, 255, 0.08); } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --neu-bg-primary: #374151; --neu-bg-secondary: #1f2937; --neu-shadow-dark: #111827; --neu-shadow-light: #4b5563; --neu-primary: #9161f0; --neu-primary-bright: #a78bfa; --neu-primary-dark: #7c3aed; --neu-success: #34d399; --neu-warning: #fbbf24; --neu-error: #f87171; --neu-info: #60a5fa; --neu-text: #f3f4f6; --neu-text-dim: #9ca3af; --neu-text-on-primary: #ffffff; --neu-border: rgba(255, 255, 255, 0.08); } }