/* ==========================================================================
   Innovation Group : Design tokens : "The Performance Grid"
   Colour primary defaults below; adjust --pitch to the exact logo green once
   the brand colour is extracted from assets/img/brand/ (see CONTENT-VERIFY.md).
   ========================================================================== */

:root {
  /* Colour : brand red taken from the Innovation Group logo (#E01F26 family) */
  --ink: #14161A;            /* deep graphite text */
  --ink-soft: #3D4149;
  --paper: #FAF9F6;          /* warm white base */
  --paper-2: #F1EFE8;
  --pitch: #E01F26;          /* brand red, primary (white text on it passes AA) */
  --pitch-deep: #A5141A;     /* deep red for text/eyebrows/hover (AA on paper) */
  --pitch-bright: #ED1C24;   /* bright accents, progress line */
  --pitch-tint: #FF6E73;     /* bright red accent for use on dark backgrounds */
  --court-line: #FFFFFF;
  --clay: #565B62;           /* neutral graphite secondary accent */
  --grid: rgba(20, 22, 26, 0.07);   /* technical grid overlays */
  --line-soft: #DDDAD1;
  --focus: #1A6DFF;

  /* Surfaces on dark */
  --ink-95: rgba(20, 22, 26, 0.95);
  --ink-60: rgba(20, 22, 26, 0.60);
  --ink-45: rgba(20, 22, 26, 0.45);

  /* Fluid type scale (clamp) */
  --step--1: clamp(0.83rem, 0.80rem + 0.15vw, 0.94rem);
  --step-0:  clamp(1.00rem, 0.95rem + 0.25vw, 1.13rem);
  --step-1:  clamp(1.25rem, 1.15rem + 0.50vw, 1.50rem);
  --step-2:  clamp(1.56rem, 1.38rem + 0.90vw, 2.00rem);
  --step-3:  clamp(1.95rem, 1.61rem + 1.70vw, 2.88rem);
  --step-4:  clamp(2.44rem, 1.83rem + 3.05vw, 4.10rem);
  --step-5:  clamp(3.05rem, 2.02rem + 5.15vw, 5.90rem);

  /* Spacing */
  --space-1: 4px;  --space-2: 8px;  --space-3: 16px; --space-4: 24px;
  --space-5: 40px; --space-6: 64px; --space-7: 104px;

  /* Structure */
  --container: 1240px;
  --gutter: clamp(1rem, 4vw, 2.5rem);
  --radius: 10px;
  --radius-sm: 6px;
  --shadow-1: 0 1px 2px rgba(20,22,26,.06), 0 8px 24px rgba(20,22,26,.07);
  --shadow-2: 0 2px 6px rgba(20,22,26,.08), 0 18px 48px rgba(20,22,26,.10);

  /* Type families */
  --font-display: "Space Grotesk", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-1: 160ms;
  --dur-2: 280ms;
  --dur-3: 480ms;

  /* Layout constants */
  --header-h: 76px;
  --z-header: 100;
  --z-menu: 200;
  --z-dialog: 300;
  --z-toast: 400;
}