/* ============================================================
   The Grid — design tokens
   Extracted verbatim from the approved Concept D mockup
   (design-preview-home-D-merged.html). This is the single source
   of truth for colors, type, spacing and radii. Component styles
   in styles.css reference these variables — never hardcode hex.
   ============================================================ */

:root {
  /* surfaces */
  --bg: #08080a;
  --bg-2: #0c0d10;
  --panel: #101216;
  --panel-2: #14171c;
  --line: #20242b;
  --line-soft: #181b20;

  /* text */
  --text: #f2f3f5;
  --text-dim: #969ba4;
  --text-faint: #5a5f68;

  /* signature accent — racing red */
  --accent: #e10600;
  --accent-glow: rgba(225, 6, 0, 0.22);
  --accent-soft: rgba(225, 6, 0, 0.08);

  /* team colors (placeholder set — real teams override at runtime) */
  --t-velocity: #e10600;
  --t-meridian: #15c4b0;
  --t-stratos: #ff7a00;
  --t-apex: #0aa1e6;
  --t-nordic: #f5c518;
  --t-onyx: #9d6bff;
  --t-none: #6a6f78; /* teamless / reserve / withdrawn fallback */

  /* podium metals */
  --gold: #e9c23c;
  --silver: #c0c6cf;
  --bronze: #cd7f32;

  /* deltas */
  --pos: #41d18a;
  --neg: #f0555c;

  /* geometry */
  --radius: 12px;
  --maxw: 1240px;

  /* type families */
  --font-sans: 'Titillium Web', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}