/* Design tokens — dark first, light via [data-theme="light"] on . */ :root, [data-theme="dark"] { --bg: #0e1116; --bg-elev-1: #161a22; --bg-elev-2: #1d2230; --bg-elev-3: #262c3c; --border: #2a3142; --border-soft: #232938; --text: #e7ecf3; --text-dim: #99a3b4; --text-mute: #6e7891; --accent: #7dd3a8; /* green */ --accent-strong:#5cc090; --accent-soft: #1d3a2e; --pink: #f2a4c2; --pink-strong: #e58aae; --pink-soft: #3a1f2c; --danger: #ff7a8a; --danger-soft: #3a1d24; --warn: #f3c16a; --warn-soft: #3a2f1a; --present: #7dd3a8; --halfday: #f3c16a; --absent: #ff7a8a; --holiday: #b794f4; --weekly-off: #6e7891; --paid-leave: #7cc3f0; --focus: #7dd3a8; --shadow-1: 0 1px 2px rgba(0,0,0,.4); --shadow-2: 0 8px 24px rgba(0,0,0,.35); --shadow-3: 0 20px 60px rgba(0,0,0,.5); --r-sm: 6px; --r-md: 10px; --r-lg: 14px; --r-xl: 20px; --font-ui: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif; --font-num: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --sidebar-w: 260px; --topbar-h: 56px; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; } [data-theme="light"] { --bg: #f6f7fb; --bg-elev-1: #ffffff; --bg-elev-2: #f1f3f9; --bg-elev-3: #e7ebf3; --border: #dde1ea; --border-soft: #e8ecf2; --text: #1a2030; --text-dim: #4a5568; --text-mute: #7886a0; --accent: #2f9c6c; --accent-strong:#23845b; --accent-soft: #d8f0e3; --pink: #c95484; --pink-strong: #b13e6d; --pink-soft: #fbe2ec; --danger: #d6394d; --danger-soft: #fadde1; --warn: #b97a14; --warn-soft: #fbecc8; --present: #2f9c6c; --halfday: #b97a14; --absent: #d6394d; --holiday: #7a47c4; --weekly-off: #7886a0; --paid-leave: #1f7fc4; --shadow-1: 0 1px 2px rgba(15,23,42,.06); --shadow-2: 0 8px 24px rgba(15,23,42,.10); --shadow-3: 0 20px 60px rgba(15,23,42,.18); }