/* Website copy of docs/design-system/tokens.css (D-058), generated by docs/design-system/build-tokens.py. Fonts load from each page's Google Fonts link. */
:root, [data-theme="cockpit"] {
  --ground: #060a10;
  --surface: #0c131d;
  --surface-raised: #142031;
  --line: #253449;
  --scrim: rgba(6, 10, 16, 0.82);
  --halo: rgba(0, 0, 0, 0.62);
  --ink: #eaf3fa;
  --ink-muted: #8fa4b9;
  --ink-faint: #5b6f85;
  --cyan: #5ce1e6;
  --on-cyan: #03191b;
  --magenta: #ff5ad9;
  --on-magenta: #2a0022;
  --gold: #ffc94d;
  --on-gold: #241700;
  --alert: #ff6b57;
  --ok: #4fd18b;
  --alt-0: #4ade80;
  --alt-1: #e6e04a;
  --alt-2: #ffb020;
  --alt-3: #ff6a2b;
  --alt-4: #a97bff;
  --rarity-common: #9aa6b2;
  --rarity-uncommon: #a6f0c0;
  --rarity-rare: #4da3ff;
  --rarity-epic: #b56cff;
  --rarity-legendary: var(--gold);
  --tier-paper: #d8cdb8;
  --tier-silver: #c3cfdb;
  --tier-gold: #e7b53a;
  --on-tier: #15120c;
  --accent-coral: #ff6b66;
  --accent-sun: #ffd23f;
  --accent-leaf: #3ecf8e;
  --accent-grape: #9a82ff;
  --on-accent: #1b1b2e;
  --section-photos: #ff99bd;
  --section-meetups: #f4ec8c;
  --section-spots: #a8ec4f;
  --section-aircraft: #d2a6f7;
  --spot-green: #3ecf8e;
  --spot-blue: #3f8cff;
  --spot-black: #0b0f14;
  --cyan-on-light: #0a6f74;
  --kid-paper: #fff8ec;
  --kid-ink: #1b1b2e;
  --kid-coral: #ff5e5b;
  --kid-sun: #ffd23f;
  --kid-teal: #00cecb;
  --kid-grape: #7a5cff;
  --shadow-sheet: 0 -12px 40px rgba(0, 0, 0, 0.55);
  --shadow-card: 0 8px 24px rgba(0, 0, 0, 0.45);
  --shadow-glow-gold: 0 0 0 6px rgba(255, 201, 77, 0.25), 0 0 32px rgba(255, 201, 77, 0.45);
}
[data-theme="sunlight"] {
  --ground: #000000;
  --surface: #05080c;
  --surface-raised: #0b121b;
  --line: #3a4c64;
  --scrim: rgba(2, 4, 8, 0.9);
  --halo: rgba(0, 0, 0, 0.85);
  --ink: #ffffff;
  --ink-muted: #b9c8d6;
  --ink-faint: #7f93a8;
  --cyan: #7cf0f4;
  --on-cyan: #001314;
  --magenta: #ff7ae2;
  --on-magenta: #1e0018;
  --gold: #ffd66e;
  --on-gold: #1a1000;
  --alert: #ff8570;
  --ok: #6ee3a2;
  --alt-0: #6af09a;
  --alt-1: #f2ec6a;
  --alt-2: #ffc04a;
  --alt-3: #ff8350;
  --alt-4: #bb95ff;
  --rarity-common: #b5c0cb;
  --rarity-uncommon: #c0f6d4;
  --rarity-rare: #72b8ff;
  --rarity-epic: #c68cff;
  --rarity-legendary: var(--gold);
  --tier-paper: #e4dbc9;
  --tier-silver: #d3dde7;
  --tier-gold: #f2c555;
  --on-tier: #0d0b07;
  --accent-coral: #ff8a85;
  --accent-sun: #ffe070;
  --accent-leaf: #62e0a6;
  --accent-grape: #b09dff;
  --on-accent: #12121f;
  --section-photos: #ffb3cf;
  --section-meetups: #f8f2aa;
  --section-spots: #bff27a;
  --section-aircraft: #dfbbfa;
  --spot-green: #62e0a6;
  --spot-blue: #6aa6ff;
  --spot-black: #000000;
  --cyan-on-light: #0a6f74;
  --kid-paper: #fff8ec;
  --kid-ink: #1b1b2e;
  --kid-coral: #ff5e5b;
  --kid-sun: #ffd23f;
  --kid-teal: #00cecb;
  --kid-grape: #7a5cff;
}
[data-theme="daylight"] {
  --ground: #ffffff;
  --surface: #f2f5f8;
  --surface-raised: #ffffff;
  --line: #b9c4d0;
  --scrim: rgba(255, 255, 255, 0.92);
  --halo: rgba(255, 255, 255, 0.85);
  --ink: #0b1520;
  --ink-muted: #3b4a5a;
  --ink-faint: #5f6e7e;
  --cyan: #0a6f74;
  --on-cyan: #ffffff;
  --magenta: #b3168c;
  --on-magenta: #ffffff;
  --gold: #8a5800;
  --on-gold: #ffffff;
  --alert: #b42318;
  --ok: #146c3a;
  --alt-0: #1d7a3e;
  --alt-1: #6f6a00;
  --alt-2: #9a5a00;
  --alt-3: #b23b00;
  --alt-4: #6a3fd0;
  --rarity-common: #5b6672;
  --rarity-uncommon: #2a7d55;
  --rarity-rare: #1f5fc4;
  --rarity-epic: #7a32c8;
  --rarity-legendary: var(--gold);
  --tier-paper: #d8cdb8;
  --tier-silver: #c3cfdb;
  --tier-gold: #e7b53a;
  --on-tier: #15120c;
  --accent-coral: #c2362f;
  --accent-sun: #8a6d00;
  --accent-leaf: #1d7a52;
  --accent-grape: #5f45c8;
  --on-accent: #ffffff;
  --section-photos: #b3205f;
  --section-meetups: #6e6300;
  --section-spots: #3d7300;
  --section-aircraft: #7038b0;
  --spot-green: #1f9e64;
  --spot-blue: #1f6fe0;
  --spot-black: #0b0f14;
  --cyan-on-light: #0a6f74;
  --kid-paper: #fff8ec;
  --kid-ink: #1b1b2e;
  --kid-coral: #ff5e5b;
  --kid-sun: #ffd23f;
  --kid-teal: #00cecb;
  --kid-grape: #7a5cff;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 88px;
  --radius-hud: 3px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-full: 999px;
  --stroke-hud: 1.5px;
  --stroke-halo: 4px;
  --stroke-ring: 3px;
  --opacity-tier2: 0.72;
  --opacity-dim: 0.4;
  --font-sans: B612, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "B612 Mono", ui-monospace, Menlo, monospace;
  --font-sticker: "Bricolage Grotesque", B612, sans-serif;
}
.display { font-family: var(--font-sans); font-size: 34px; line-height: 38px; font-weight: 700; letter-spacing: -0.01em; }
.title { font-family: var(--font-sans); font-size: 24px; line-height: 30px; font-weight: 700; }
.heading { font-family: var(--font-sans); font-size: 17px; line-height: 22px; font-weight: 700; }
.body { font-family: var(--font-sans); font-size: 15px; line-height: 21px; font-weight: 400; }
.hud-label { font-family: var(--font-sans); font-size: 13px; line-height: 16px; font-weight: 700; letter-spacing: 0.06em; }
.data-lg { font-family: var(--font-mono); font-size: 22px; line-height: 26px; font-weight: 700; }
.data { font-family: var(--font-mono); font-size: 13px; line-height: 16px; font-weight: 400; }
.micro { font-family: var(--font-mono); font-size: 11px; line-height: 14px; font-weight: 400; letter-spacing: 0.04em; }
.sticker { font-family: var(--font-sticker); font-size: 44px; line-height: 44px; font-weight: 800; letter-spacing: -0.02em; }