/* NUDGE — tokens.css — design tokens: colors, spacing, typography, z-index */ :root { /* Backgrounds */ --bg: #0a0a0a; --surface: #161616; --surface2: #1f1f1f; --surface3: #2a2a2a; /* Accent — overridden per space via [data-space] */ --accent: #c8f060; /* Priority colors */ --p1: #f87171; --p2: #fb923c; --p3: #60a8f0; --p4: #666666; /* Semantic */ --success: #34d399; --warn: #fb923c; --danger: #f87171; /* Text */ --text: #e8e8e8; --text-dim: #aaaaaa; --text-faint: #555555; /* Spacing (use these, never raw px in components) */ --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px; /* Type scale */ --t-xs: 11px; --t-sm: 13px; --t-base: 15px; --t-md: 17px; --t-lg: 20px; --t-xl: 24px; --t-2xl: 32px; --t-3xl: 48px; /* Border radius */ --r-sm: 6px; --r-md: 10px; --r-lg: 16px; --r-full: 9999px; /* Typography */ --font-ui: 'Bricolage Grotesque', system-ui, sans-serif; --font-mono: 'DM Mono', 'Courier New', monospace; /* Transitions */ --ease: cubic-bezier(0.4, 0, 0.2, 1); --fast: 150ms; --mid: 200ms; --slow: 300ms; /* Z-index scale */ --z-base: 1; --z-sticky: 10; --z-overlay: 100; --z-alert: 200; --z-toast: 300; } /* Space accent overrides — applied to */ [data-space="personal"] { --accent: #c8f060; } [data-space="work"] { --accent: #60a8f0; } [data-space="projects"] { --accent: #f87171; }