/* ═══ XPLAY design tokens ═══ Light-first. Το dark ενεργοποιείται είτε από prefers-color-scheme είτε από data-theme="dark" στο (toggle χρήστη — κερδίζει πάντα). */ :root { --bg: #FFFFFF; --bg-soft: #F7F6FA; --ink: #17141F; --ink-2: #5E5869; --line: #E8E5EF; --accent: #6D28D9; --accent-2: #E100FF; --card: #FFFFFF; --ad-bg: #FBFAFD; --score: #0E9F6E; --bad: #DC2626; --font-display: "Fira Sans Extra Condensed", "Arial Narrow", sans-serif; --font-body: "Commissioner", -apple-system, "Helvetica Neue", sans-serif; --wrap: 1200px; --radius: 10px; --shadow-lift: 0 14px 30px rgba(23, 20, 31, 0.12); } @media (prefers-color-scheme: dark) { :root { --bg: #131118; --bg-soft: #1B1823; --ink: #F2EFF7; --ink-2: #A49DB3; --line: #2A2635; --accent: #A78BFA; --accent-2: #E869FF; --card: #1B1823; --ad-bg: #181521; --score: #34D399; --bad: #F87171; --shadow-lift: 0 14px 30px rgba(0, 0, 0, 0.45); } } :root[data-theme="dark"] { --bg: #131118; --bg-soft: #1B1823; --ink: #F2EFF7; --ink-2: #A49DB3; --line: #2A2635; --accent: #A78BFA; --accent-2: #E869FF; --card: #1B1823; --ad-bg: #181521; --score: #34D399; --bad: #F87171; --shadow-lift: 0 14px 30px rgba(0, 0, 0, 0.45); } :root[data-theme="light"] { --bg: #FFFFFF; --bg-soft: #F7F6FA; --ink: #17141F; --ink-2: #5E5869; --line: #E8E5EF; --accent: #6D28D9; --accent-2: #E100FF; --card: #FFFFFF; --ad-bg: #FBFAFD; --score: #0E9F6E; --bad: #DC2626; --shadow-lift: 0 14px 30px rgba(23, 20, 31, 0.12); }