/* ===== Color Theme System ===== Toggle via data-theme attribute on Set with theme-switcher.js Themes: Light (default) | Dark */ /* ── Light (default) ──────────────────────────── */ [data-theme="default"], :root, [data-theme="light"] { --color-primary: #2b6cb0; --color-primary-light: #3182ce; --color-primary-dark: #2d3748; --color-bg: #ffffff; --color-bg-alt: #f7fafc; --color-text: #333333; --color-text-muted: #4d5a6c; --color-text-light: #cbd5e0; --color-border: #e2e8f0; --color-card-bg: #ffffff; --gradient-hero: linear-gradient(135deg, #2b6cb0, #3182ce); --color-accent: #2b6cb0; } /* ── Dark ──────────────────────────────────────── */ [data-theme="dark"] { --color-primary: #63b3ed; --color-primary-light: #90cdf4; --color-primary-dark: #1a202c; --color-bg: #1a202c; --color-bg-alt: #2d3748; --color-text: #e2e8f0; --color-text-muted: #a0aec0; --color-text-light: #8fa0b8; --color-border: #4a5568; --color-card-bg: #2d3748; --gradient-hero: linear-gradient(135deg, #1a202c, #2d3748); --color-accent: #63b3ed; }