@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700;800&display=swap');

:root {
  /* Core surfaces */
  --bg:            #101419;
  --surface:       #171D25;
  --surface-raised:#202835;
  --surface-head:  #202835;
  --surface-sunk:  #0D1116;
  --surface-2:     #202835;
  --field:         #1D2530;
  --field-alt:     #26313E;
  --panel:         #171D25;
  --panel-hover:   #202835;

  /* ---- borders / dividers ---- */
  --border:        #2B3542;
  --border-strong: #3A4655;
  --border-hi:     #505D6E;
  --divider:       #25303B;
  --slash:         #3A4655;

  /* ---- text ---- */
  --text:          #F2F0ED;
  --text-strong:   #F2F0ED;
  --text-body:     #C7CED8;
  --text-2:        #C7CED8;
  --num:           #A1ACBA;
  --muted:         #9AA5B4;
  --muted-2:       #8793A3;
  --faint:         #6E7A8A;
  --faint-2:       #647080;
  --faintest:      #576272;
  --faintest-2:    #4B5666;

  /* Brand accent — muted purple */
  --accent:        #9B8FE3;
  --accent-ink:    #0d0b18;
  --accent-tint:   #211D36;
  --accent-chip:   #292442;
  --accent-chip-bd:#4D4581;
  --accent-a22:    rgba(155,143,227,0.22);
  --accent-a30:    rgba(155,143,227,0.30);

  /* Secondary accent — teal */
  --accent2:       #35C6B8;
  --accent2-ink:   #04211e;
  --accent2-tint:  rgba(53,198,184,0.12);
  --accent2-tint-bd:rgba(53,198,184,0.34);

  /* Tertiary accent — azure */
  --accent3:       #5AA2F5;
  --accent3-ink:   #041427;
  --accent3-tint:  rgba(90,162,245,0.12);
  --accent3-tint-bd:rgba(90,162,245,0.34);

  /* ---- semantic: poker value scale ---- */
  --pos:           #58D18E;
  --pos-bar:       #379562;
  --pos-tint:      rgba(88,209,142,0.12);
  --pos-tint-bd:   rgba(88,209,142,0.30);
  --neg:           #F06F7A;
  --neg-bar:       #AC4550;
  --neg-tint:      rgba(240,111,122,0.12);
  --neg-tint-bd:   rgba(240,111,122,0.30);
  --owes:          #F06F7A;
  --owes-tint:     rgba(240,111,122,0.14);
  --owes-tint-bd:  rgba(240,111,122,0.34);

  /* ---- semantic: cash-movement hues ---- */
  --warn:          #E0B85C;
  --warn-tint:     rgba(224,184,92,0.12);
  --warn-tint-bd:  rgba(224,184,92,0.30);
  --rolled:        #8FA4BB;

  /* ---- medals ---- */
  --rank-1: var(--accent);
  --rank-2: var(--accent2);
  --rank-3: var(--accent3);

  /* ---- chart line palette (top-N order) ---- */
  --line-1: #9B8FE3; --line-2: #58D18E; --line-3: #E0B85C;
  --line-4: #F06F7A; --line-5: #8FA4BB;

  /* Elevation */
  --shadow-sm: 0 1px 3px rgba(0,0,0,.38);
  --shadow-md: 0 2px 10px rgba(0,0,0,.42), 0 1px 3px rgba(0,0,0,.28);
  --shadow-lg: 0 8px 28px rgba(0,0,0,.46), 0 2px 8px rgba(0,0,0,.28);
  --shadow-xl: 0 18px 48px rgba(0,0,0,.54), 0 4px 16px rgba(0,0,0,.32);

  /* ---- glass panel effect ---- */
  --glass-border: 1px solid var(--border);
  --glass-bg:     transparent;

  /* ---- spacing scale (4pt) ---- */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px;
  --s6:24px; --s8:32px; --s10:40px; --s12:48px;

  /* ---- radii — industrial, minimal rounding ---- */
  --r-pill:4px; --r-sm:4px; --r-md:5px; --r-lg:6px;

  /* ---- containers ---- */
  --w-public:1320px;
  --w-session:1440px;
  --w-admin:1580px;
  --gutter: clamp(16px, 4vw, 40px);

  /* ---- Chart.js backward compat (read as raw strings by JS) ---- */
  --text-muted: #9AA5B4;
  --line: #2B3542;
}