:root {
  --bg:            #F1F4F2;
  --surface:       #FFFFFF;
  --surface-sunk:  #E6EBE8;
  --line:          #C8D2CD;
  --ink:           #0C2027;
  --ink-2:         #5A7079;
  --ink-3:         #8CA0A7;

  --btn:           #2d2c2c;
  --btn-ink:       #FFFFFF;
  --btn-soft:      #E8E8E8;

  --accent:        #1F9A56;
  --accent-soft:   #E7F6EE;
  --accent-ink:    #146B3C;

  --team-a:        #2d2c2c;
  --team-a-soft:   #E8E8E8;
  --team-b:        #8A2F5E;
  --team-b-soft:   #F4E1EB;

  --serve:         #C6DE2E;
  --serve-ink:     #2A3300;

  --alert:         #C45C12;
  --alert-soft:    #F8E6D4;
  --ok:            #1F7A4D;
  --ok-ink:        #FFFFFF;

  --chart-1:       #7EC8C3;
  --chart-2:       #F2C6D8;
  --chart-3:       #C5DFA0;
  --chart-4:       #F6D59E;
  --chart-5:       #B7C7F5;
  --metric-aces:   #CDE8D8;
  --metric-winners:#D4E5F7;
  --metric-ue:     #F8E0D4;
  --metric-df:     #F5D5D8;
  --metric-points: #E4D9F5;
  --metric-wins:   #D9F0E3;
  --metric-rate:   #F3E7C3;

  --font-display: 'Saira Condensed', 'Arial Narrow', system-ui, sans-serif;
  --font-body:    'Manrope', system-ui, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, monospace;

  --score-xl:  clamp(3.4rem, 18vw, 7.5rem);
  --score-lg:  clamp(1.8rem, 8vw, 3.2rem);
  --score-md:  1.5rem;
  --text-lg:   1.125rem;
  --text-base: 1rem;
  --text-sm:   0.875rem;
  --text-xs:   0.75rem;

  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px;

  --radius:      14px;
  --radius-lg:   20px;
  --radius-pill: 999px;
  --tap-min:     40px;

  --shadow-1: 0 8px 28px rgba(45, 44, 44, .08);
  --shadow-2: 0 14px 40px rgba(45, 44, 44, .12);

  --nav-h: 94px;
  --top-h: 56px;
}

:root[data-theme="dark"] {
  --bg:           #0A1A20;
  --surface:      #12262E;
  --surface-sunk: #0D1F26;
  --line:         #234049;
  --ink:          #EEF4F2;
  --ink-2:        #9DB3BA;
  --ink-3:        #6A868F;
  --btn:          #E8E6E6;
  --btn-ink:      #1A1919;
  --btn-soft:     #2A2929;
  --accent:       #3DDC84;
  --accent-soft:  #163324;
  --accent-ink:   #8AF0B6;
  --team-a:       #C8C6C6;
  --team-a-soft:  #2A2929;
  --team-b:       #E7A0C2;
  --team-b-soft:  #3A1B2C;
  --serve:        #C6DE2E;
  --serve-ink:    #2A3300;
  --alert:        #F0A04A;
  --alert-soft:   #3A2410;
  --ok:           #3DDC84;
  --ok-ink:       #072016;
  --shadow-1:     0 10px 32px rgba(45, 44, 44, .28);
  --metric-aces:  #1E4334;
  --metric-winners:#1C3348;
  --metric-ue:    #4A2C22;
  --metric-df:    #4A2428;
  --metric-points:#32284A;
  --metric-wins:  #1E3A2E;
  --metric-rate:  #3A341C;
}

@font-face {
  font-family: 'Saira Condensed';
  src: local('Saira Condensed'), local('Arial Narrow');
  font-weight: 600 700;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: local('Manrope'), local('system-ui');
  font-weight: 400 700;
  font-display: swap;
}