/* variables.css — Sandstone Matchday (LIGHT_COLOR_004)
   Loaded BEFORE styles.css in every HTML page (Pitfall 23/37 prevention).
*/
:root {
  --primary: #B64B28;          /* terracotta — primary moments only */
  --primary-700: #8E381D;
  --primary-100: #FBE4D6;
  --accent: #0B6E69;           /* deep teal — secondary action / ledger accent */
  --accent-100: #D6EEEC;
  --ink: #312019;              /* espresso body text */
  --ink-2: #5A463C;
  --muted: #745D50;
  --bg: #FFF8F2;               /* warm paper */
  --bg-2: #FCE8D7;             /* tinted band */
  --surface: #FFFFFF;
  --surface-2: #FFFCF8;
  --border: #EBCDBA;
  --border-strong: #C7A781;
  --rule: #2D1F17;             /* scoreboard rule ink */
  --good: #1F7A4D;
  --warn: #C77A0E;
  --bad:  #B03A2E;

  --radius: 4px;               /* sharp-editorial default */
  --radius-lg: 10px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 0 rgba(49,32,25,.06), 0 8px 20px rgba(49,32,25,.06);
  --shadow-pop: 0 2px 0 rgba(49,32,25,.10), 0 14px 32px rgba(49,32,25,.10);

  --font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --font-serif: "Source Serif Pro", Georgia, "Times New Roman", serif;

  --maxw: 1240px;
  --maxw-narrow: 880px;

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

  --rule-line: 1px solid var(--rule);
  --rule-thin: 1px solid var(--border);

  --dur-fast: 140ms;
  --dur: 220ms;
  --ease: cubic-bezier(.2,.7,.2,1);
}