@layer tokens{:root{--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;--color-primary-blue: #004cb5;--color-primary-green: #10b981;--color-primary-green-light: #10b981;--color-accent: var(--color-accent-blue);--color-stat-link: #004cb5;--color-white: #fff;--color-black: #000;--color-action-blue: #0080ff;--color-link-bright: #0090ff;--color-accent-blue: #006aff;--color-danger: #dc2626;--color-danger-bright: #ff5252;--color-warning: #ffc107;--color-warning-strong: #ff9800;--color-warning-amber: #d97706;--color-warning-amber-soft: #fbbf24;--color-warning-soft-base: #f5a524;--color-danger-base: #ef4444;--color-success: #22c55e;--color-overlay-strong: #020617;--color-divider-strong: rgb(0 0 0 / 10%);--color-player-bg: var(--color-bg);--color-text-muted: #9ca3af;--color-marketing-bg-start: #0c031f;--color-marketing-bg-end: #26016b;--color-marketing-bg-mid: #1a0248;--color-marketing-muted: #b0b0b0;--color-marketing-subtle: #ccc;--color-marketing-border: #222;--color-bg: #f4f6fa;--color-surface: #fff;--color-surface-sidebar: #004cb5;--color-surface-navbar: #fff;--color-surface-footer: #eff1f5;--color-text: #1a1a1a;--color-text-secondary: #595959;--color-border: rgb(0 0 0 / 10%);--color-hover: rgb(0 0 0 / 5%);--color-hover-subtle: rgb(0 0 0 / 3%);--color-stripe: rgb(0 0 0 / 6%);--color-header-bg: rgb(0 0 0 / 8%);--color-skeleton: rgb(0 0 0 / 6%);--color-skeleton-header: rgb(0 0 0 / 10%);--color-sport-label-bg: #e2e8f0;--color-sport-label-text: var(--color-accent-blue);--sidebar-width: clamp(180px, 20vw, 250px);--navbar-height: 76px;--mobile-navbar-height: 70px;--radius-sm: 0.375rem;--radius-md: 0.5rem;--radius-lg: 0.75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px}html.dark{color-scheme:dark;--color-primary-green: #00f7c2;--color-accent: var(--color-primary-green);--color-stat-link: #00e3f7;--color-bg: #1c162a;--color-surface: #150e24;--color-surface-sidebar: #150e24;--color-surface-navbar: #150e24;--color-surface-footer: #0f002f;--color-text: #fff;--color-text-secondary: rgb(255 255 255 / 80%);--color-border: rgb(255 255 255 / 20%);--color-hover: rgb(255 255 255 / 10%);--color-hover-subtle: rgb(255 255 255 / 3%);--color-stripe: rgb(255 255 255 / 3%);--color-header-bg: rgb(255 255 255 / 8%);--color-skeleton: rgb(255 255 255 / 10%);--color-skeleton-header: rgb(255 255 255 / 10%);--color-sport-label-bg: #221840;--color-text-muted: rgb(255 255 255 / 45%);--color-divider-strong: rgb(255 255 255 / 10%);--color-player-bg: var(--color-bg);--color-sport-label-text: var(--color-primary-green)}}