/* ===== THEME: every color of the whole site lives here (light + dark). Change only this file to re-color the site. ===== */
:root{
  color-scheme:light;
  --bg:#f4f5fb; --surface:#ffffff; --surface-2:#eceefa; --text:#151a33; --muted:#586083; --line:#dfe2f2;
  --primary:#5b3df5; --primary-2:#7c5cff; --on-primary:#ffffff; --accent:#00a9c9; --cta:#ff8a1f; --on-cta:#2a1500;
  --head-bg:linear-gradient(135deg,#4d2fe6,#7a4dff); --head-fg:#ffffff; --bar:#5b3df5;
  --deco-bg:linear-gradient(135deg,#5b3df5,#00a9c9); --deco-fg:#ffffff;
  --card-shadow:0 2px 10px rgba(35,30,100,.08); --focus:#00a9c9; --scrim:rgba(10,12,35,.55);
  --foot-bg:#12163a; --foot-fg:#e9ebff; --foot-muted:#a9b0dc; --foot-chip:#1f2552; --foot-accent:#ffb020;
  --ring:rgba(91,61,245,.18); --love:#e11d74; --on-love:#ffffff;
  --share-fb:#1877f2; --share-x:#14171f; --share-mail:#6b7280; --share-wa:#1fb855; --share-tg:#229ed9; --on-share:#ffffff;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0a0e1f; --surface:#131a33; --surface-2:#1b2447; --text:#eef1ff; --muted:#9aa4cc; --line:#263058;
  --primary:#8b72ff; --primary-2:#a28dff; --on-primary:#10142e; --accent:#22d3ee; --cta:#ffb020; --on-cta:#201300;
  --head-bg:linear-gradient(135deg,#0f1534,#1b1f4d); --head-fg:#ffffff; --bar:#0f1534;
  --deco-bg:linear-gradient(135deg,#7c5cff,#22d3ee); --deco-fg:#08102a;
  --card-shadow:0 2px 14px rgba(0,0,0,.35); --focus:#22d3ee; --scrim:rgba(0,0,0,.65);
  --foot-bg:#070a18; --foot-fg:#eef1ff; --foot-muted:#8f99c4; --foot-chip:#141b3b; --foot-accent:#ffb020;
  --ring:rgba(139,114,255,.25); --love:#ff4d8d; --on-love:#2a0014;
  --share-x:#2a2f45;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme]){
    color-scheme:dark;
    --bg:#0a0e1f; --surface:#131a33; --surface-2:#1b2447; --text:#eef1ff; --muted:#9aa4cc; --line:#263058;
    --primary:#8b72ff; --primary-2:#a28dff; --on-primary:#10142e; --accent:#22d3ee; --cta:#ffb020; --on-cta:#201300;
    --head-bg:linear-gradient(135deg,#0f1534,#1b1f4d); --bar:#0f1534;
    --deco-bg:linear-gradient(135deg,#7c5cff,#22d3ee); --deco-fg:#08102a;
    --card-shadow:0 2px 14px rgba(0,0,0,.35); --focus:#22d3ee; --scrim:rgba(0,0,0,.65);
    --foot-bg:#070a18; --foot-muted:#8f99c4; --foot-chip:#141b3b; --ring:rgba(139,114,255,.25); --love:#ff4d8d; --on-love:#2a0014; --share-x:#2a2f45;
  }
}