/* Theme 1 — Coral / Lime / Indigo / Teal (current default palette).
   2026-08-13 (user-directed): "i added 3 more css files in folder use all
   that 4 css. i want a control in control panel to select between these 4
   css to select as theme for website/control panel both." Source:
   palette.scss (https://coolors.co/ff6666-ccff66-5d2e8c-2ec4b6-f1e8b8).
   Only the accent variables are overridden here — css/styles.css's base
   layout/typography/spacing stays identical across all 4 themes; this file
   is loaded AFTER styles.css so these :root values win. */
:root {
  --coral: #ff6666;
  --lime: #ccff66;
  --indigo: #5d2e8c;
  --teal: #2ec4b6;
  --custard: #f1e8b8;
  /* 2026-08-13 (user-directed): "this blueish color from first color
     pallet we used is dominent every where on website even after
     changing color pallet theme" — background tones used to be fixed
     across every theme (only the 5 accents varied), which is exactly why
     switching themes never touched them. Now each theme tints its own
     dark backgrounds from its own indigo/dark accent instead of sharing
     one fixed purple-blue set. */
  --bg: #0d0a14;
  --bg-raised: #150f22;
  --bg-card: #1a1330;
}