/* Neumorphic design tokens — light mode (default). Dark overrides live in dark.css, applied via [data-theme="dark"] on . See js/theme-toggle.js for how the theme gets set/persisted. */ :root { --neu-bg-primary: #e6e9ef; --neu-bg-secondary: #d1d5db; --neu-shadow-dark: #b8bcc2; --neu-shadow-light: #ffffff; --neu-primary: #5b21b6; --neu-primary-bright: #7c3aed; --neu-primary-dark: #4c1d95; --neu-success: #10b981; --neu-warning: #d97706; --neu-error: #dc2626; --neu-info: #2563eb; --neu-text: #1f2937; --neu-text-dim: #6b7280; --neu-text-on-primary: #ffffff; --neu-border: rgba(31, 41, 55, 0.08); --neu-radius-sm: 10px; --neu-radius: 16px; --neu-radius-lg: 22px; --neu-font: 'Inter', system-ui, -apple-system, "Segoe UI", sans-serif; --neu-transition-fast: 150ms; --neu-transition-normal: 300ms; /* Backward-compat aliases: dozens of not-yet-touched CSS files across the app still reference these old variable names (--primary-color, --container-color, etc. — see css/variables.css / css/base/var.css). Aliasing them to the new neu-* tokens themes those files retroactively without editing each one individually. Safe to remove an alias once every file using it has been migrated to the neu-* name directly. */ --primary-color: var(--neu-primary); --primary-color-hover: var(--neu-primary-bright); --primary-color-dark: var(--neu-primary-dark); --primary-color-rgb: 91, 33, 182; --secondary-color: var(--neu-primary-dark); --accent-color: var(--neu-primary-bright); --text-color: var(--neu-text); --text-color-secondary: var(--neu-text-dim); --background-color: var(--neu-bg-primary); --background-glass: var(--neu-bg-primary); --container-color: var(--neu-bg-secondary); --input-bg-color: var(--neu-bg-secondary); --input-text-color: var(--neu-text); --border-color: var(--neu-border); --clr-error: var(--neu-error); --clr-success: var(--neu-success); --clr-warning: var(--neu-warning); }