/* ==========================================================================
   GOLAZO — Design Tokens (CSS custom properties)
   Source of record for the Storefront Build Lead. Mirror in Figma variables.
   Every color pairing below carries a measured WCAG 2.1 ratio (computed, not eyeballed).
   Generated 2026-06 · Brand & Visual Director
   ========================================================================== */
:root{
  /* ---------- BRAND COLOR (locked, inherited) ---------- */
  --golazo-green:#086038;   /* primary brand + buttons — sampled from official logo (was #0D6239; imperceptible shift) */
  --deep-pitch:#08482A;     /* darker green — gradients, jersey trim, depth */
  --fresh-grass:#1A8C52;    /* lighter green — gradients/large UI only (see contrast) */
  --strike-gold:#E6B83C;    /* accent — badges, prices, highlights (DARK text only) */
  --pitch-white:#F7F9F6;    /* page background, text on dark */
  --ink:#141414;            /* primary text on light */
  --boot-black:#0A0A0A;     /* footer / deepest surface */

  /* ---------- NEUTRAL SCALE ---------- */
  --neutral-900:#1C1C1C;
  --neutral-600:#5C5C5C;    /* muted/secondary text on white */
  --neutral-300:#D2D6D0;    /* borders, dividers */
  --neutral-100:#EDEFEA;    /* subtle section fill */

  /* ---------- SEMANTIC ROLES ---------- */
  --surface:var(--pitch-white);
  --surface-alt:var(--neutral-100);
  --surface-dark:var(--boot-black);
  --text:var(--ink);
  --text-muted:var(--neutral-600);
  --text-on-dark:var(--pitch-white);
  --border:var(--neutral-300);
  --accent:var(--strike-gold);
  --cta:var(--golazo-green);          /* DECISION: buy CTA is green, system-consistent */
  --cta-text:#FFFFFF;
  --tag-retro:var(--strike-gold);     /* classic/retro line marker (dark text) */
  --tag-new:var(--golazo-green);      /* current line marker (white text) */
  --price:var(--golazo-green);        /* price color on light cards */
  --price-on-dark:var(--strike-gold); /* price color on dark/photo surfaces */

  /* ---------- TYPOGRAPHY (families locked; SCALE still pending sign-off) ---------- */
  --font-display:'Saira Condensed','Arial Narrow',sans-serif; /* Latin display */
  --font-body:'Inter',system-ui,sans-serif;                   /* Latin UI */
  --font-ka:'Noto Sans Georgian','Inter',sans-serif;          /* ALL Georgian text */

  /* ---------- SPACING (4px base) ---------- */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px;
  --s6:32px; --s7:48px; --s8:64px; --s9:96px; --s10:128px;

  /* ---------- RADII ---------- */
  --radius:14px; --radius-lg:24px; --radius-pill:999px;

  /* ---------- LAYOUT ---------- */
  --maxw:1280px;

  /* ---------- ELEVATION ---------- */
  --shadow-card:0 24px 44px -16px rgba(13,98,57,.32);
  --shadow-btn:0 10px 24px -8px rgba(8,72,42,.5);
  --shadow-glass:0 8px 32px -8px rgba(0,0,0,.4), inset 0 1px 1px rgba(255,255,255,.45);

  /* ---------- GLASS (nav) — GPU-heavy, test on low-end Android ---------- */
  --glass-blur:blur(28px) saturate(180%) brightness(1.05);
  --glass-tint-dark:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.04) 40%,rgba(8,72,42,.16) 100%);
  --glass-tint-light:linear-gradient(135deg,rgba(255,255,255,.82),rgba(237,239,234,.72) 100%);

  /* ---------- MOTION ---------- */
  --ease-out:cubic-bezier(.2,.7,.2,1);
  --dur-fast:.15s; --dur:.3s; --dur-reveal:.7s;
}

/* ==========================================================================
   VERIFIED WCAG 2.1 CONTRAST (computed). PASS = AA. Use only as noted.
   --------------------------------------------------------------------------
   white  on golazo-green ........ 7.03:1  PASS AAA   (primary button)
   ink    on pitch-white ......... 17.40:1 PASS AAA   (body text)
   golazo-green on pitch-white ... 7.03:1  PASS AAA   (links, green logo, price)
   boot-black on strike-gold ..... 10.64:1 PASS AAA   (dark text on gold badge)
   white  on deep-pitch .......... 10.07:1 PASS AAA
   white  on boot-black .......... 18.70:1 PASS AAA   (footer)
   neutral-600 on white .......... 6.32:1  PASS AA    (muted text)
   strike-gold on deep-pitch ..... 5.73:1  PASS AA    (gold on dark green)
   --------------------------------------------------------------------------
   LARGE/UI ONLY (fail normal body text < 4.5:1):
   fresh-grass on white .......... 4.03:1  large/UI only
   golazo-green on strike-gold ... 4.00:1  large/UI only (the "loud pair")
   --------------------------------------------------------------------------
   FORBIDDEN:
   strike-gold on pitch-white .... 1.76:1  FAIL — never gold text on white.
   ========================================================================== */