/* GENERATED by scripts/build-marketing-tokens.mjs — do not edit.
 *
 * Source of truth: src/theme/colors.ts, itself a transcription of
 * specification §9.1. To change a colour here, change it there and re-run
 * the script. A hex typed directly into the marketing CSS is exactly how a
 * locked palette stops being locked (CLAUDE.md non-negotiable #2).
 *
 * Dark mode follows the visitor's OS preference. The app itself has an
 * explicit in-app theme setting, but a signed-out visitor to a marketing
 * page has no account for that preference to live in, so prefers-color-scheme
 * is the only signal available.
 */
:root {
  color-scheme: light dark;

  --bar: #2B2D31;
  --bar-foreground: #F2F2F2;
  --bar-muted: rgba(244,244,242,0.62);
  --bar-glass-tint: #16171A;
  --bar-glass-alpha: 0.81;
  --bar-glass-border: rgba(244,244,242,0.10);
  --bar-glass-highlight: rgba(244,244,242,0.06);
  --accent: #2DD4BF;
  --on-accent: #1A2321;
  --background: #F2F2F2;
  --background-gradient-end: #E6E9EB;
  --card: #FFFFFF;
  --text: #2B2D31;
  --text-muted: #6B6E75;
  --text-faint: #696C73;
  --border: #D5D5D5;
  --border-strong: #C7C7C7;
  --success-background: #E1F5EE;
  --success-text: #0F6E56;
  --success-text-strong: #085041;
  --danger-background: #FCEBEB;
  --danger-fill: #C93F3E;
  --danger-text: #A32D2D;
  --warning-fill: #8F5A11;
  --caffeine: #B26B00;
  --chart-accent: #1E8F81;
  --tier-ground: #2B2D31;
  --tier-bronze: #AD7D4C;
  --tier-silver: #B7BCC2;
  --tier-gold: #D8AE49;
  --tier-platinum: #D7E1E3;
  --tier-diamond: #2DD4BF;
  --tier-locked: rgba(244,244,242,0.42);

  /* Type scale — src/theme/index.ts's `type` export. Sizes only; the app's
     tokens also carry fontFamily/fontWeight, which CSS handles separately. */
  --font-sans: 'Sora', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-wordmark: 'Archivo', var(--font-sans);
  --type-display: 28px;
  --type-display-line: 34px;
  --type-title: 20px;
  --type-title-line: 26px;
  --type-heading: 16px;
  --type-heading-line: 22px;
  --type-body: 15px;
  --type-body-line: 22px;
  --type-label: 13px;
  --type-label-line: 18px;
  --type-caption: 12px;
  --type-caption-line: 16px;

  /* 4pt scale — src/theme/index.ts's `spacing` export. */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 32px;

  /* src/theme/index.ts's `radius` export. */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-pill: 999px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #16171A;
    --background-gradient-end: #1D2124;
    --card: #232529;
    --text: #F2F2F2;
    --text-muted: #9A9CA3;
    --text-faint: #808389;
    --border: #3A3B40;
    --border-strong: #4A4C54;
    --success-background: #0F3B30;
    --success-text: #5FDCB8;
    --success-text-strong: #8CEDCF;
    --danger-background: #4A1E1E;
    --danger-text: #F09B9B;
    --warning-fill: #E0A23D;
    --caffeine: #F5A524;
    --chart-accent: #2DD4BF;
  }
}