:root,
html[data-theme=light] {
  --bg: #eef7fb;
  --surface: #ffffff;
  --ink: #132033;
  --muted: #536174;
  --line: #cfe8f4;
  --primary: #0758c6;
  --secondary: #02a8c5;
  --accent: #d9a441;
  --success: #11c78d;
  --danger: #f74556;
  --shadow: 0 16px 38px rgba(15, 45, 90, .1)
}

html[data-theme=light] body {
  background:
    radial-gradient(circle at 10% 0, rgba(2, 168, 197, .14), transparent 28%),
    radial-gradient(circle at 92% 10%, rgba(217, 164, 65, .14), transparent 24%),
    linear-gradient(180deg, #f6fbff, var(--bg))
}

html[data-color-theme=royal-blue]{--primary:#0758c6;--secondary:#02a8c5;--accent:#d9a441}
html[data-color-theme=emerald-gold]{--primary:#047857;--secondary:#10b981;--accent:#f59e0b}
html[data-color-theme=ruby-rose]{--primary:#be123c;--secondary:#e11d48;--accent:#f59e0b}
html[data-color-theme=sapphire]{--primary:#1d4ed8;--secondary:#2563eb;--accent:#38bdf8}
html[data-color-theme=amethyst]{--primary:#7c3aed;--secondary:#a855f7;--accent:#f472b6}
html[data-color-theme=teal-luxe]{--primary:#0f766e;--secondary:#14b8a6;--accent:#facc15}
html[data-color-theme=indigo-neon]{--primary:#4338ca;--secondary:#6366f1;--accent:#22d3ee}
html[data-color-theme=sunset]{--primary:#ea580c;--secondary:#f97316;--accent:#f43f5e}
html[data-color-theme=forest]{--primary:#166534;--secondary:#22c55e;--accent:#84cc16}
html[data-color-theme=ocean]{--primary:#0369a1;--secondary:#0ea5e9;--accent:#06b6d4}
html[data-color-theme=graphite]{--primary:#334155;--secondary:#64748b;--accent:#f59e0b}
html[data-color-theme=magenta]{--primary:#c026d3;--secondary:#ec4899;--accent:#f97316}