:root{color-scheme:light dark;--font-display: "Bricolage Grotesque", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.875rem;--text-3xl: 2.5rem;--text-4xl: 3.25rem;--text-hero: clamp(2.85rem, 1.4rem + 6.4vw, 6rem);--text-section: clamp(2rem, 1.2rem + 3vw, 3.4rem);--leading-tight: 1.04;--leading-snug: 1.18;--tracking-tight: -.02em;--tracking-tighter: -.035em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--space-12: 6rem;--space-16: 8rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 26px;--radius-pill: 999px;--ring-width: 3px;--transition-fast: .13s cubic-bezier(.2, .7, .3, 1);--transition-med: .24s cubic-bezier(.2, .7, .3, 1);--transition-slow: .5s cubic-bezier(.2, .7, .3, 1);--content-width: 68rem;--content-wide: 78rem;--bg: light-dark(#faf8f1, #0e0d0a);--bg-subtle: light-dark(#f1eee2, #131210);--surface: light-dark(#ffffff, #17140e);--surface-2: light-dark(#f4f1e6, #201c13);--surface-raised: light-dark(#ffffff, #1b1710);--border: light-dark(#e8e2d2, #2b2618);--border-strong: light-dark(#d6cdb6, #3b3322);--text: light-dark(#181509, #f6f2e6);--text-muted: light-dark(#5d5747, #aaa28f);--text-subtle: light-dark(#8f8672, #746c5a);--text-on-accent: #16170b;--accent: light-dark(#bfe22e, #ccf94b);--accent-hover: light-dark(#b0d61e, #d8ff64);--accent-active: light-dark(#9fc314, #e2ff88);--accent-text: light-dark(#5b7d0b, #d2fb5c);--accent-subtle: light-dark(#eef7cd, #22280c);--accent-border: light-dark(#d8e98c, #414f16);--accent-ring: light-dark(rgba(150, 190, 20, .5), rgba(205, 251, 78, .42));--pop: light-dark(#ff5a36, #ff6b47);--pop-text: light-dark(#d63d1e, #ff8a6b);--pop-subtle: light-dark(#ffe9e1, #2a1710);--danger: light-dark(#d83a2c, #ff7a68);--danger-subtle: light-dark(#fce9e6, #2a1512);--success: light-dark(#0f9c68, #45d0a0);--success-subtle: light-dark(#e3f6ed, #0f2620);--warning: light-dark(#9c6208, #e6a54d);--warning-subtle: light-dark(#f9efdb, #2a1e0d);--shadow-sm: 0 1px 2px light-dark(rgba(40, 34, 10, .07), rgba(0, 0, 0, .5)), 0 1px 3px light-dark(rgba(40, 34, 10, .05), rgba(0, 0, 0, .4));--shadow-md: 0 8px 24px light-dark(rgba(40, 34, 10, .1), rgba(0, 0, 0, .55)), 0 2px 6px light-dark(rgba(40, 34, 10, .06), rgba(0, 0, 0, .4));--shadow-lg: 0 24px 60px light-dark(rgba(40, 34, 10, .16), rgba(0, 0, 0, .66));--shadow-tactile: 0 2px 0 var(--border-strong);--glow-accent: 0 10px 34px light-dark(rgba(150, 190, 20, .28), rgba(205, 251, 78, .2));--glow-pop: 0 10px 34px light-dark(rgba(255, 90, 54, .24), rgba(255, 107, 71, .2))}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}