/* ============================================ playerProjection — Theme Tokens Default: dark. Toggle via data-theme="light" on ============================================ */ /* Dark theme (default) */ :root, [data-theme="dark"] { --bg-body: #0a0a0c; --bg-card: #141419; --bg-lighter: #1a1a20; --bg-nav: rgba(20, 20, 25, 0.8); --text-primary: #ffffff; --text-secondary: #a0a0a0; --accent-primary: #6366f1; --accent-glow: rgba(99, 102, 241, 0.5); --accent-secondary: #ec4899; --font-display: 'Clash Display', sans-serif; --font-body: 'Outfit', sans-serif; --gradient-main: linear-gradient(135deg, #6366f1 0%, #ec4899 100%); --text-success: #10b981; --text-danger: #ef4444; --border-subtle: rgba(255, 255, 255, 0.05); --border-medium: rgba(255, 255, 255, 0.1); --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.4); --table-header-bg: #1a1a20; --table-header-hover: #25252e; --table-sticky-bg: #141419; --table-sticky-hover: #1c1c24; --table-row-hover: rgba(99, 102, 241, 0.05); --input-bg: rgba(255, 255, 255, 0.05); --input-color: #ffffff; --input-placeholder: rgba(255, 255, 255, 0.3); --dropdown-bg: #0f0f14; --search-dropdown-bg: #0f0f14; --logo-filter: none; } /* Light theme */ [data-theme="light"] { --bg-body: #f4f5f7; --bg-card: #ffffff; --bg-lighter: #f0f0f5; --bg-nav: rgba(255, 255, 255, 0.95); --text-primary: #0a0a0c; --text-secondary: #555560; --accent-primary: #6366f1; --accent-glow: rgba(99, 102, 241, 0.3); --accent-secondary: #ec4899; --font-display: 'Clash Display', sans-serif; --font-body: 'Outfit', sans-serif; --gradient-main: linear-gradient(135deg, #6366f1 0%, #ec4899 100%); --text-success: #059669; --text-danger: #dc2626; --border-subtle: rgba(0, 0, 0, 0.06); --border-medium: rgba(0, 0, 0, 0.12); --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.08); --table-header-bg: #f0f0f5; --table-header-hover: #e8e8f0; --table-sticky-bg: #ffffff; --table-sticky-hover: #f5f5fa; --table-row-hover: rgba(99, 102, 241, 0.04); --input-bg: rgba(0, 0, 0, 0.04); --input-color: #0a0a0c; --input-placeholder: rgba(0, 0, 0, 0.3); --dropdown-bg: #ffffff; --search-dropdown-bg: #ffffff; --logo-filter: none; }