/* Base36 Nightshift — generated from tokens.json */
:root, [data-theme="night"] {
  --ground: #0b0c0e;
  --surface: #16171a;
  --surface-raised: #1f2024;
  --ground-deep: #000000;
  --header-glass: rgba(22,23,26,0.8);
  --hairline: rgba(235,235,245,0.1);
  --ink: #f5f5f7;
  --ink-muted: rgba(235,235,245,0.6);
  --ink-faint: rgba(235,235,245,0.38);
  --fill-quiet: rgba(235,235,245,0.15);
  --fill-quiet-hover: rgba(210,210,232,0.22);
  --fill-active: rgba(204,204,204,0.2);
  --action: #2f6fe0;
  --action-hover: #2560cf;
  --on-action: #ffffff;
  --link: #5aa0ff;
  --link-hover: #8bbcff;
  --highlight: #ffb020;
  --focus: #8bbcff;
  --ah-green: #85ed91;
  --ah-gold: #e8b14f;
  --ah-heat: #ff662e;
  --ah-tile-a: #10241a;
  --ah-tile-b: #0e1a26;
  --faji-clay: #e08a4f;
  --faji-cream: #f6eedc;
  --faji-plum: #8a5cd0;
  --faji-tile-a: #2a1a10;
  --faji-tile-b: #22142b;
  --on-brand: #0b0c0e;
  --tile-ember: #2b1d12;
  --tile-ember-hover: #3a2616;
  --tile-moss: #13261a;
  --tile-moss-hover: #1a3322;
  --tile-plum: #221a33;
  --tile-plum-hover: #2d2245;
  --tile-tide: #10222a;
  --tile-tide-hover: #163040;
  --shadow-lift: 0 48px 200px -32px rgba(90,160,255,0.28);
  --shadow-lift-ah: 0 48px 200px -32px rgba(133,237,145,0.32);
  --shadow-lift-faji: 0 48px 200px -32px rgba(224,138,79,0.34);
  --shadow-tile: 0 40px 120px -10px rgba(255,255,255,0.08);
  --shadow-header: 0 2px 300px rgba(0,0,0,0.6);
}
[data-theme="day"] {
  --ground: #ffffff;
  --surface: #f5f5f7;
  --surface-raised: #ffffff;
  --ground-deep: #000000;
  --header-glass: rgba(255,255,255,0.8);
  --hairline: rgba(60,60,67,0.1);
  --ink: #1d1e1f;
  --ink-muted: rgba(60,60,67,0.72);
  --ink-faint: rgba(60,60,67,0.45);
  --fill-quiet: rgba(116,116,128,0.08);
  --fill-quiet-hover: #ececee;
  --fill-active: rgba(116,116,128,0.12);
  --action: #2f6fe0;
  --action-hover: #1a5fd6;
  --on-action: #ffffff;
  --link: #1f63d6;
  --link-hover: #174fb0;
  --highlight: #b26b00;
  --focus: #1f63d6;
  --ah-green: #2f8a3c;
  --ah-gold: #a8741a;
  --ah-heat: #d4481a;
  --ah-tile-a: #d7f6dc;
  --ah-tile-b: #d9ecf7;
  --faji-clay: #c67139;
  --faji-cream: #f6eedc;
  --faji-plum: #5b3a8c;
  --faji-tile-a: #f6e3cf;
  --faji-tile-b: #ece0f6;
  --on-brand: #ffffff;
  --tile-ember: #ffeecc;
  --tile-ember-hover: #ffd580;
  --tile-moss: #d0f5d0;
  --tile-moss-hover: #8ae68a;
  --tile-plum: #dfd6ff;
  --tile-plum-hover: #af99ff;
  --tile-tide: #c9f0f0;
  --tile-tide-hover: #73e6e6;
  --shadow-lift: 0 48px 200px -32px rgba(0,32,77,0.2);
  --shadow-lift-ah: 0 48px 200px -32px rgba(20,77,32,0.22);
  --shadow-lift-faji: 0 48px 200px -32px rgba(110,50,10,0.22);
  --shadow-tile: 0 40px 120px -10px rgba(0,0,0,0.12);
  --shadow-header: 0 2px 300px rgba(0,0,0,0.3);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-11: 44px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-37: 150px;
  --space-50: 198px;
  --radius-nav: 19px;
  --radius-pill: 24px;
  --radius-card: 20px;
  --radius-tile: 30px;
  --radius-hero: 32px;
  --radius-icon: 22.37%;
  --dur-fade: 150ms;
  --dur-quick: 200ms;
  --dur-wing: 250ms;
  --dur-icon: 300ms;
  --dur-draw: 1400ms;
  --dur-reveal: 2000ms;
  --dur-marquee: 60s;
  --ease-flex: ease-in-out;
  --ease-out: ease-out;
  --ease-swing: cubic-bezier(0.5, 0, 0.5, 1);
  --scale-tile: 1.1;
  --scale-icon: 1.105;
  --scale-banner: 1.05;
  --scale-lockup: 1.13;
  --scale-story: 1.02;
  --scale-art: 1.04;
  --font-sans: "Albert Sans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
}