/* ─────────────────────────────────────────────────────────────────────────── */
/* LDB — Design Tokens · Amber & Ink                                            */
/* Editorial sports analytics — warm parchment, deep ink, Baskerville + Mono   */
/* Load before styles.css                                                        */
/* ─────────────────────────────────────────────────────────────────────────── */

:root {

  /* ── Canvas (light, parchment) ────────────────────────────────────────── */
  --t-bg:        #EDE6D8;   /* warm parchment — main canvas */
  --t-surface:   #FAF7F0;   /* card / panel surface */
  --t-surface-2: #EDE8DD;   /* table header, elevated, hover */
  --t-surface-3: #E4DDD0;   /* pressed, deepest light level */

  /* ── Borders ──────────────────────────────────────────────────────────── */
  --t-border:    #D5CFC3;   /* primary dividers */
  --t-border-2:  #C0B8AA;   /* stronger borders, inputs */

  /* ── Dark ink (header, masthead) ─────────────────────────────────────── */
  --t-ink:       #1A1410;   /* deep warm near-black */
  --t-ink-2:     #231C16;   /* nav — slightly lighter */
  --t-ink-border:#35291F;   /* borders inside dark zones */

  /* ── Primary accent — deep red-orange ink ────────────────────────────── */
  --t-accent:    #C2390A;
  --t-accent-dk: #8C2907;   /* active, hover darkened */
  --t-accent-lt: #FCE9E3;   /* chip bg, tinted bg */
  --t-accent-md: #EDADA0;   /* mid-tone tint */

  /* ── Win (forest green) ───────────────────────────────────────────────── */
  --t-win:       #15692F;
  --t-win-dk:    #0F4A21;
  --t-win-lt:    #D8F3E0;

  /* ── Loss (deep crimson) ──────────────────────────────────────────────── */
  --t-loss:      #B91B1B;
  --t-loss-dk:   #881515;
  --t-loss-lt:   #FCE0E0;

  /* ── Warn (amber) ─────────────────────────────────────────────────────── */
  --t-warn:      #8C4000;
  --t-warn-lt:   #FEF0D6;

  /* ── Text (on light bg) ───────────────────────────────────────────────── */
  --t-text:      #1A1410;
  --t-text-dim:  rgba(26, 20, 16, 0.54);
  --t-text-muted:rgba(26, 20, 16, 0.34);

  /* ── Text (on dark ink bg) ────────────────────────────────────────────── */
  --t-text-inv:      #EDE6D8;
  --t-text-inv-dim:  rgba(237, 230, 216, 0.58);
  --t-text-inv-muted:rgba(237, 230, 216, 0.32);

  /* ── Typography ───────────────────────────────────────────────────────── */
  --t-serif: 'Libre Baskerville', Georgia, 'Times New Roman', serif;
  --t-mono:  'IBM Plex Mono', 'Courier New', monospace;

  /* ── Geometry ─────────────────────────────────────────────────────────── */
  --t-radius-sm: 3px;
  --t-radius:    6px;
  --t-radius-lg: 10px;

  /* ── Elevation (light-mode shadows) ──────────────────────────────────── */
  --t-shadow-xs: 0 1px 2px rgba(26,20,16,0.06);
  --t-shadow-sm: 0 2px 6px rgba(26,20,16,0.08), 0 1px 2px rgba(26,20,16,0.04);
  --t-shadow:    0 4px 14px rgba(26,20,16,0.10), 0 2px 4px rgba(26,20,16,0.06);
  --t-shadow-lg: 0 8px 28px rgba(26,20,16,0.12), 0 3px 8px rgba(26,20,16,0.08);
  --t-shadow-accent: 0 3px 10px rgba(194,57,10,0.22);

  /* ── Spacing ──────────────────────────────────────────────────────────── */
  --t-sp-1: 4px;
  --t-sp-2: 8px;
  --t-sp-3: 12px;
  --t-sp-4: 16px;
  --t-sp-5: 20px;
  --t-sp-6: 24px;
  --t-sp-8: 32px;

  /* ── Legacy aliases (backward compat) ────────────────────────────────── */
  --brand-ember:      var(--t-accent);
  --brand-saffron:    var(--t-warn);
  --brand-cream:      var(--t-text-inv);
  --brand-charcoal:   var(--t-ink);
  --brand-surface:    var(--t-surface);
  --brand-surface-2:  var(--t-surface-2);
  --brand-border:     var(--t-border);
  --brand-border-2:   var(--t-border-2);
  --brand-text:       var(--t-text);
  --brand-text-dim:   var(--t-text-dim);
  --brand-text-muted: var(--t-text-muted);
  --brand-font-mono:  var(--t-mono);
  --brand-font-serif: var(--t-serif);

}