/* IAME Motorsport Platform — design tokens (restyling 2026)
   Single dark look ("motorsport night"), blue-biased neutrals, IAME corporate blue + IAME red.
   Source of truth for colours, type and spacing. Components live in iame-prototype.css. */
:root{
  /* Neutrals (blue-biased black) */
  --ink:#0A0C11;        /* page background */
  --panel:#131822;      /* cards, rows */
  --panel-2:#0F131B;    /* side nav, secondary bands */
  --raise:#1A2130;      /* neutral chips, hover */
  --line:#222B3A; --line-2:#2E3849; --line-3:#4A5568;
  --fg:#F2F3F5; --soft:#C8CDD8; --mute:#9AA3B2; --dim:#808A9B;

  /* Brand */
  --red:#E10600;        /* action, live, International category */
  --red-hi:#FF4D45;     /* red text on dark */
  --red-deep:#5A1F1C;
  --blue:#193B66;       /* IAME corporate blue (from the logo): structure, National category */
  --blue-deep:#0F2440;  /* header, footer, app bars */
  --blue-ink:#0B1626;   /* blue bands, facts strip */
  --blue-line:#2C4E80;  /* borders on blue / outline buttons */
  --blue-hi:#8FB0E0;    /* blue text on dark */
  --on-red:#FFFFFF;

  /* Category system (championships) */
  --cat-int:var(--red);      /* International Event/Series */
  --cat-nat:#3D6FB6;         /* National Series (stripe); badge uses --blue */
  --cat-rf:var(--fg);        /* IAME Racing Formula: white badge with blue text */

  /* Semantic states (reserved areas) — never used as brand accents */
  --ok:#8FE0A6; --ok-bg:#12261A; --ok-line:#2F6B3E;
  --amber:#F5B700; --amber-bg:#231E0C; --amber-fg:#FFF3C4; --amber-line:#6B5A10;  /* "action needed" */

  /* Type */
  --f-display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;  /* 800 italic uppercase for titles, 700 for names */
  --f-body:'Barlow','Helvetica Neue',Arial,sans-serif;              /* 400/500/600 */
  --f-mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;  /* dates, numbers, eyebrows */

  /* Layout */
  --gut:24px;            /* 16px under 720px */
  --maxw:1320px;
  color-scheme:dark;
}
@media (max-width:720px){:root{--gut:16px}}

/* Sunlight mode (driver area on mobile, in the paddock): light high-contrast tokens, scoped */
.ashell.sun{--ink:#FFFFFF;--panel:#F3F5F8;--panel-2:#E8ECF2;--raise:#E1E6EE;--line:#B5BECC;--line-2:#98A2B3;--line-3:#5E6879;
  --fg:#0A0C11;--soft:#1C2433;--mute:#3A4352;--dim:#4A5568;--red-hi:#B30500;--blue-hi:#193B66;--blue-ink:#E6EDF7;
  --amber-bg:#FFF4CC;--amber-fg:#3D3000;--amber-line:#C9A227;--ok-bg:#E3F5E8;--ok:#135C26;--ok-line:#7CC493;color-scheme:light}

/* Google Fonts:
   https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;1,700;1,800&family=Barlow:wght@400;500;600&family=JetBrains+Mono:wght@500;700&display=swap */