/* RealRacer.ai v2 design tokens — palette + type system. * * Extracted from the inline :root blocks that the /live and /coaching * v2 ports duplicated (2026-05-31). One source of truth for the warmer * v2 dark palette + the Inter Tight / JetBrains Mono type system. * * LOAD ORDER MATTERS: link this AFTER app.css so the v2 :root wins over * app.css's legacy palette (same specificity → last one in wins). Any * page that loads this and drops its own inline :root inherits v2. * * typography.css already @imports JetBrains Mono + Bebas + Barlow; this * adds the two faces v2 introduced (Inter Tight display, Inter body). * * MARKETING v2 ([B34], 2026-06-14): merged the website-redesign tokens — * the lane-accent mechanic (--accent / --accent-dk / --accent-rgb + the * body.lane-green / body.lane-purple re-theming classes), the --gold * drift-star role and the --purple drift lane, plus the surface * scaffolding the marketing pages reference (--dark full-bleed band, * --border-2, --orange-dk, --green-dk) and the --label (DM Mono) face. * All pre-existing tokens (--orange-dark, --orange-soft, --purple-soft, * --info / --info-soft, --blue, --rose, --yellow, etc.) are preserved * untouched so the app surfaces that rely on them keep working. */ @import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@500;600;700;800&family=Inter:wght@400;500;600;700;900&family=DM+Mono:ital,wght@0,400;0,500;1,400&display=swap'); :root{ /* v2 warmer dark — lighter + warmer than the legacy #0a0a0f shell */ --bg:#07070b; --surface:#0d0d14; --surface-2:#14141c; --dark:#0a0a12; /* full-bleed section band, a hair off --bg */ --border:#1c1c28; --border-2:#262633; --text:#f4f4f8; --muted:#a8a8b8; --faint:#5e5e72; /* accents (fixed roles) */ --orange:#FF8000; --orange-dark:#cc6600; --orange-dk:#e67200; --orange-soft:rgba(255,128,0,0.12); --purple:#b46aff; --purple-soft:rgba(180,106,255,0.15); --cyan:#5ec8ff; --coach:#5ec8ff; --info:#5ec8ff; --info-soft:rgba(94,200,255,0.12); --blue:#5ec8ff; --green:#00C864; --green-dk:#00b056; --red:#ff5b5b; --rose:#f87171; --amber:#fbbf24; --yellow:#eab308; --gold:#fbbf24; /* drift star fill (fixed role, not the lane) */ /* lane accent — the marketing core mechanic. Defaults to the orange (sim / home) lane; flip per page with . Shared components recolor via var(--accent) / rgba(var(--accent-rgb),…). */ --accent:#FF8000; --accent-dk:#e67200; --accent-rgb:255,128,0; /* radii */ --radius:8px; --radius-lg:12px; /* type system — Inter Tight display, Barlow/Inter body, JetBrains Mono numerics, DM Mono labels/eyebrows, Bebas Neue for the one hero moment (PB celebration) */ --display:'Inter Tight',system-ui,-apple-system,sans-serif; --body:'Barlow','Inter',system-ui,-apple-system,sans-serif; --mono:'JetBrains Mono','DM Mono','SF Mono',Menlo,monospace; --label:'DM Mono','JetBrains Mono',monospace; --hero:'Bebas Neue',sans-serif; } /* ───────── lane re-theming (marketing) ───────── One body class swaps the accent; every shared marketing component re-themes via var(--accent). No per-component edits. (no class) = orange lane (home / sim / pricing / auth / docs) body.lane-green = circuit lane body.lane-purple = drift lane (scored in gold stars) Fixed-role colors (red / purple-PB / cyan / amber-gold) never change with the lane. */ body.lane-green{ --accent:#00C864; --accent-dk:#00b056; --accent-rgb:0,200,100; } body.lane-purple{ --accent:#b46aff; --accent-dk:#9a4fe6; --accent-rgb:180,106,255; } /* coach lane — live-timing coach-prompt light blue (spans every discipline) */ body.lane-blue{ --accent:#5ec8ff; --accent-dk:#36b3f5; --accent-rgb:94,200,255; }