:root,
[data-theme="light"] {
  color-scheme: light;
  --sportsdb-font-sans: 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;
  --sportsdb-font-mono: 'Roboto Mono', ui-monospace, SFMono-Regular, monospace;
  --font-primary: var(--sportsdb-font-sans);
  --font-mono: var(--sportsdb-font-mono);
  --sportsdb-bg: #FAF9F6;
  --sportsdb-bg-subtle: #F5F3ED;
  --sportsdb-surface: #FFFFFF;
  --sportsdb-surface-raised: #F6F4EE;
  --sportsdb-ink: #14181D;
  --sportsdb-ink-soft: #586270;
  --sportsdb-ink-faint: #737E8C;
  --sportsdb-line: #E3DFD5;
  --sportsdb-accent: #C8652E;
  --sportsdb-accent-hover: #B25321;
  --sportsdb-accent-soft: rgba(200, 101, 46, 0.08);
  --sportsdb-accent-text: #A04716;
  --sportsdb-accent-ink: #FFFFFF;
  --sportsdb-navy: #12304D;
  --sportsdb-success: #0E7A4C;
  --sportsdb-success-ink: #FFFFFF;
  --sportsdb-success-soft: rgba(14, 122, 76, 0.1);
  --sportsdb-warning: #8C5D00;
  --sportsdb-warning-ink: #14181D;
  --sportsdb-warning-soft: rgba(140, 93, 0, 0.1);
  --sportsdb-danger: #B33333;
  --sportsdb-danger-ink: #FFFFFF;
  --sportsdb-danger-soft: rgba(179, 51, 51, 0.1);
  --sportsdb-info: #1E3A5F;
  --sportsdb-info-soft: rgba(30, 58, 95, 0.1);
  --sportsdb-overlay: rgba(8, 17, 27, 0.58);
  --sportsdb-shadow: 0 16px 40px rgba(20, 24, 29, 0.12);
}

[data-theme="dark"],
:root.dark {
  color-scheme: dark;
  --sportsdb-font-sans: 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;
  --sportsdb-font-mono: 'Roboto Mono', ui-monospace, SFMono-Regular, monospace;
  --font-primary: var(--sportsdb-font-sans);
  --font-mono: var(--sportsdb-font-mono);
  --sportsdb-bg: #08111B;
  --sportsdb-bg-subtle: #0B1622;
  --sportsdb-surface: #0F1926;
  --sportsdb-surface-raised: #162436;
  --sportsdb-ink: #EDF4FB;
  --sportsdb-ink-soft: #8EA0B3;
  --sportsdb-ink-faint: #5A6E85;
  --sportsdb-line: rgba(120, 156, 192, 0.16);
  --sportsdb-accent: #CF7948;
  --sportsdb-accent-hover: #DC8858;
  --sportsdb-accent-soft: rgba(207, 121, 72, 0.12);
  --sportsdb-accent-text: #DC8858;
  --sportsdb-accent-ink: #FFFFFF;
  --sportsdb-navy: #1E3A5F;
  --sportsdb-success: #37C98D;
  --sportsdb-success-ink: #08111B;
  --sportsdb-success-soft: rgba(55, 201, 141, 0.14);
  --sportsdb-warning: #E2A640;
  --sportsdb-warning-ink: #08111B;
  --sportsdb-warning-soft: rgba(226, 166, 64, 0.14);
  --sportsdb-danger: #F87171;
  --sportsdb-danger-ink: #08111B;
  --sportsdb-danger-soft: rgba(248, 113, 113, 0.14);
  --sportsdb-info: #8EA0B3;
  --sportsdb-info-soft: rgba(142, 160, 179, 0.14);
  --sportsdb-overlay: rgba(0, 0, 0, 0.68);
  --sportsdb-shadow: 0 18px 50px rgba(0, 0, 0, 0.32);
}