/* GENERATED by tools/theme-audit.mjs --write from app/src/theme/tokens.ts. Do not edit.
 *
 * The account site and the TV are the same product, so they are the same colours: a viewer
 * who scans a pairing code off their own TV must land on a page that looks like the app they
 * scanned it from. Every value below is the TV's own, and every pair is checked at 7:1 for
 * text (4.5:1 for a large bold button label) and 3:1 for an edge by the audit that wrote this file. */
:root {
  --surface-night: #05070c;
  --surface-page: #0a0f18;
  --surface-section: #0b111c;
  --surface-plate: #0b1018;
  --surface-panel: #111826;
  --surface-card: #141d2c;
  --surface-tile: #16202e;
  --surface-strip: #1b2333;
  --surface-raised: #1f2a3d;
  --surface-black: #000000;
  --surface-alert: #2a1c00;
  --surface-danger: #2e1416;
  --surface-current: #124886;
  --surface-focus: #f2f5fa;
  --surface-white: #ffffff;
  --ink-bright: #f2f5fa;
  --ink-body: #e8edf5;
  --ink-soft: #c9d3e1;
  --ink-muted: #9fb0c8;
  --ink-programme: #d6deea;
  --ink-faint: #a7b4c8;
  --ink-label: #9aa9c0;
  --ink-on-focus: #0a0f18;
  --ink-on-focus-soft: #2a3547;
  --ink-white: #ffffff;
  --ink-alert: #f2e6cf;
  --line-edge: #506891;
  --line-divider: #486088;
  --line-absent: #5c6b85;
  --meaning-accent: #ffcf5c;
  --meaning-danger: #ffb4a2;
  --meaning-now: #1e88ff;
  --meaning-none-surface: #241c2b;
  --meaning-none-edge: #70587c;
  --meaning-record: #e5484d;
  --brand-blue: #1e88ff;
  --brand-cyan: #22c7f0;
  --brand-cta: #1a75db;
  --brand-current: #0c294d;
  --font-text: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: Outfit, Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --radius-pill: 999px;
  --radius-card: 12px;
  --radius-small: 6px;
  --type-hudSub: 8px;
  --type-hud: 9px;
  --type-micro: 10px;
  --type-tiny: 11px;
  --type-small: 12px;
  --type-caption: 13px;
  --type-eyebrow: 13px;
  --type-body: 14px;
  --type-read: 15px;
  --type-lead: 16px;
  --type-entry: 17px;
  --type-sub: 18px;
  --type-title: 20px;
  --type-head: 26px;
  --type-big: 30px;
  --type-digit: 34px;
  --type-hero: 52px;
  --type-giant: 64px;
  --eyebrow-tracking: 0.154em;
}