/* purewinin.com — variables.css
   Light Color 004: Sandstone Matchday
   Warm matchday-paper palette: terracotta primary moments, teal signal accent,
   pale sandstone background, generous white editorial surfaces.
   Typography: Inter (display + body) + Noto Sans Devanagari fallback.
*/

/* Self-hosted Inter variable latin (PAGESPEED-MOBILE-001-A): replaces Google Fonts
   to remove the fonts.googleapis.com + fonts.gstatic.com critical request chain.
   Single variable woff2 (47KB) covers weights 100-900 via font-weight: 100 900. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/assets/fonts/inter-var.woff2') format('woff2-variations'),
       url('/assets/fonts/inter-var.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Ink + rule system */
  --ink: #312019;            /* dark espresso primary text */
  --ink-soft: #5C3E2C;       /* secondary text on paper */
  --muted: #745D50;          /* supporting copy on paper */
  --muted-soft: #A78E7C;     /* caption / metadata */

  /* Paper + surface */
  --paper: #FFF8F2;          /* warm sandstone paper background */
  --paper-deep: #FCE8D7;     /* tonal band */
  --surface: #FFFFFF;        /* white editorial surface */
  --surface-edge: #FBEFE2;   /* warm white card surface */

  /* Rule + dividers */
  --rule: #EBCDBA;           /* pale sandstone rule line */
  --rule-soft: #F3DDC7;      /* hairline */
  --rule-strong: #312019;    /* heavy rule */

  /* Tabbed evidence desk */
  --tab-track: #FCE8D7;
  --tab-active-bg: #FFFFFF;
  --tab-text: #745D50;
  --tab-text-active: #312019;

  /* Accent — terracotta primary + teal signal */
  --accent: #9F3F22;
  --accent-soft: #C25F40;
  --accent-bg: #FCE8D7;

  /* Secondary accent — teal signal */
  --signal: #0B6E69;
  --signal-soft: #2A8781;
  --signal-bg: #E2F0EF;

  /* Status / semantic */
  --success: #2E6B3A;
  --warning: #7B5A14;
  --danger: #8C2A1C;
  --info: #0B6E69;

  /* Type — Typography System 015 */
  --font-body: "Inter", "Noto Sans Devanagari", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Inter", "Noto Sans Devanagari", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  --size-h1-d: clamp(38px, 4.6vw, 56px);
  --size-h2-d: clamp(26px, 2.8vw, 36px);
  --size-h3-d: 21px;
  --size-body: 18px;
  --size-small: 14px;

  --lh-tight: 1.18;
  --lh-body: 1.65;
  --lh-loose: 1.78;

  /* Geometry */
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 14px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;

  /* Layout */
  --container: 1180px;
  --container-narrow: 880px;
  --header-h: 64px;

  /* Motion */
  --t-fast: 160ms ease;

  /* Shadow */
  --shadow-card: 0 1px 0 rgba(49, 32, 25, 0.06), 0 4px 14px rgba(49, 32, 25, 0.08);
  --shadow-soft: 0 1px 0 rgba(49, 32, 25, 0.04);

  /* Z-stack */
  --z-mobile-cta: 240;
  --z-header: 260;
  --z-drawer: 220;
  --z-hamburger: 300;
}