/* Design tokens. Light values live on :root; dark overrides in the [data-theme="dark"] block. The inline script sets data-theme before first paint, defaulting to the OS preference. To swap a palette: edit values in these two blocks only. Palette source: light.png / dark.png mockups (2026-08-25). */ :root { color-scheme: light; /* surfaces */ --bg: #F5F6FA; --bg-hero: #F5F6FA; --bg-transparent: rgba(245, 246, 250, 0); --card: #ffffff; --input-bg: #ffffff; --glass: rgba(255, 255, 255, .6); /* content */ --text: #161C26; --muted: #6C757D; --on-accent: #ffffff; /* brand */ --accent: #1050DC; --accent2: #2060EC; --green: #12805C; --success-bg: rgba(52, 199, 138, .12); --danger: #dc2626; /* lines */ --border: #E2E5EC; --border-soft: rgba(22, 28, 38, .07); --border-strong: rgba(22, 28, 38, .12); /* elevation: shadow colors per depth; geometry stays next to usage */ --shadow-card: rgba(22, 28, 38, .07); --shadow-raised: rgba(22, 28, 38, .12); --shadow-overlay: rgba(22, 28, 38, .2); /* accent glow */ --glow-faint: rgba(32, 96, 236, .12); --glow-soft: rgba(32, 96, 236, .16); --glow-medium: rgba(32, 96, 236, .35); --glow-strong: rgba(32, 96, 236, .45); /* shape & layout (theme-independent) */ --radius: 8px; --max-width: 1200px; } /* Dark palette from dark.png mockup. Only color tokens are overridden; --radius/--max-width inherit from :root. */ :root[data-theme="dark"] { color-scheme: dark; --bg: #000B1E; --bg-hero: #000B1E; --bg-transparent: rgba(0, 11, 30, 0); --card: #051632; --input-bg: #021028; --glass: rgba(4, 20, 50, .55); --text: #F5F7FC; --muted: #B4C4DE; --on-accent: #ffffff; --accent: #62A6F8; --accent2: #7EB6FB; --green: #4ADE80; --success-bg: rgba(74, 222, 128, .14); --danger: #f87171; --border: #1B2E57; --border-soft: rgba(180, 196, 222, .09); --border-strong: rgba(180, 196, 222, .16); --shadow-card: rgba(0, 0, 0, .4); --shadow-raised: rgba(0, 0, 0, .5); --shadow-overlay: rgba(0, 0, 0, .65); --glow-faint: rgba(98, 165, 248, .12); --glow-soft: rgba(98, 165, 248, .18); --glow-medium: rgba(98, 165, 248, .4); --glow-strong: rgba(98, 165, 248, .5); }