/* ==========================================================================
   THE SPORTS BAZAAR INDIA — BRAND TOKENS
   --------------------------------------------------------------------------
   CRITICAL CONTRAST & ACCESSIBILITY NOTE:
   The brand orange (#FF671F) on white background measures ~2.9:1 contrast,
   which fails WCAG AA for normal text. Therefore:
   - Use --brand-orange (#FF671F) for fills, bars, chips, borders, icons.
   - Use --brand-orange-deep (#B03D00) for links, small text, and orange text
     on white or light backgrounds (AA safe >= 4.5:1).
   - Buttons with an orange fill MUST use near-black text (--ink), not white.
   ========================================================================== */

:root {
  /* Brand Tokens */
  --brand-orange:       #FF671F;  /* fills, bars, chips, accents */
  --brand-orange-deep:  #B03D00;  /* orange TEXT on white — AA safe */
  --brand-orange-tint:  #FFF1E9;  /* soft backgrounds, hover states */

  /* Neutral Palette */
  --ink:                #111214;  /* headlines, dark text */
  --ink-body:           #2E3238;  /* body copy */
  --ink-muted:          #62676E;  /* meta, captions — AA safe on white */
  --line:               #E4E6E9;  /* borders, dividers */
  --surface:            #FFFFFF;
  --surface-alt:        #F7F8F9;  /* section bands, cards */
  --footer-bg:          #16181B;

  /* System & Layout */
  --focus-ring:         #B03D00;
  --radius:             4px;
  --maxw:               1240px;
}