/* Fountain Labs — generated from tokens.json */
:root, [data-theme="light"] {
  --navy: #0b1b33; --blue: #2b7bf0; --shade: #0e5bb8; --cream: #f7f3ea; --surface: var(--cream); --surface-raised: #fffcf5; --surface-sunken: #ede5d3; --ink: var(--navy); --ink-muted: #46536a; --line: var(--navy); --line-soft: #0b1b3329; --link: var(--shade); --accent: var(--blue); --on-accent: var(--navy); --accent-deep: var(--shade); --on-accent-deep: var(--cream); --focus: var(--blue); --cpuc26-mesa: #c4633f; --cpuc26-sun: #f2b66d; --cpuc26-saguaro: #5e6b4e; --shadow-sticker: 6px 6px 0 0 #0b1b33; --shadow-sticker-sm: 3px 3px 0 0 #0b1b33;
}
[data-theme="dark"] {
  --navy: #0b1b33; --blue: #2b7bf0; --shade: #0e5bb8; --cream: #f7f3ea; --surface: var(--navy); --surface-raised: #14294a; --surface-sunken: #071326; --ink: var(--cream); --ink-muted: #b9c0cc; --line: var(--cream); --line-soft: #f7f3ea33; --link: var(--blue); --accent: var(--blue); --on-accent: var(--navy); --accent-deep: var(--shade); --on-accent-deep: var(--cream); --focus: var(--blue); --cpuc26-mesa: #c4633f; --cpuc26-sun: #f2b66d; --cpuc26-saguaro: #5e6b4e; --shadow-sticker: 6px 6px 0 0 #2b7bf0; --shadow-sticker-sm: 3px 3px 0 0 #2b7bf0;
}
:root {
  --space-0: 4px; --space-1: 8px; --space-2: 16px; --space-3: 24px; --space-4: 48px; --space-5: 64px; --space-6: 96px; --radius-sm: 4px; --radius-md: 12px; --radius-lg: 20px; --radius-pill: 999px; --radius-icon: 22%; --stroke-hair: 1px; --stroke: 3px; --stroke-heavy: 5px; --font-display: "Archivo Black", "Arial Black", system-ui, sans-serif; --font-sans: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
}
.display-xl { font-family: var(--font-display); font-size: 120px; line-height: 0.9; font-weight: 400; letter-spacing: -0.01em; }
.display { font-family: var(--font-display); font-size: 72px; line-height: 0.92; font-weight: 400; }
.headline { font-family: var(--font-display); font-size: 44px; line-height: 1; font-weight: 400; }
.title { font-family: var(--font-display); font-size: 28px; line-height: 1.1; font-weight: 400; }
.label { font-family: var(--font-display); font-size: 13px; line-height: 1.2; font-weight: 400; letter-spacing: 0.12em; }
.subtitle { font-family: var(--font-sans); font-size: 20px; line-height: 1.35; font-weight: 600; }
.body-lg { font-family: var(--font-sans); font-size: 18px; line-height: 1.55; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 1.5; font-weight: 400; }
.small { font-family: var(--font-sans); font-size: 14px; line-height: 1.45; font-weight: 400; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 1.4; font-weight: 600; letter-spacing: 0.02em; }