/* ============================================================
   Eva Calendar — themes (cool palette: teal / aqua family)
   Every theme is one variable block. To add a theme:
     1. Copy a block below, change the [data-theme="…"] name.
     2. Adjust the variables.
     3. Register it in THEMES in js/app.js (name + dot color).
   ============================================================ */

:root {
  /* ---- structural tokens (rarely need changing per theme) ---- */
  --radius: 14px;
  --radius-sm: 8px;
  --font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-hand: "Segoe Print", "Bradley Hand", "Comic Sans MS", "Chalkboard SE", cursive;

  /* ---- sticky-note palette (shared; dark themes override) ---- */
  --note-lemon:  #faf0ae;
  --note-peach:  #ffdcc2;
  --note-rose:   #ffd2de;
  --note-lilac:  #ded5f9;
  --note-sky:    #c8e7fb;
  --note-mint:   #c5f0dc;
  --note-sand:   #e6e8d8;
  --note-snow:   #f3f7f7;
  --note-ink:    #2e3838;          /* text on sticky notes */
  --tape:        rgba(255, 255, 255, 0.55);

  /* ---- event chip palette (cool family + one coral for contrast) ---- */
  --ev-teal:   #0e8f99;
  --ev-aqua:   #1fa8c9;
  --ev-ocean:  #2f6bb0;
  --ev-mint:   #2e9e77;
  --ev-indigo: #5a68c8;
  --ev-coral:  #e26d5a;
}

/* ---- Lagoon — pale aqua light (default) ---- */
:root, [data-theme="lagoon"] {
  color-scheme: light;
  --bg: #e8f3f4;
  --bg-deep: #dcebed;
  --surface: #fbfeff;
  --surface-2: #eef6f7;
  --line: #cfe3e5;
  --line-soft: #ddecee;
  --text: #16333a;
  --text-soft: #4f7079;
  --text-faint: #8aa8ae;
  --accent: #14919b;
  --on-accent: #f2fcfd;
  --accent-soft: #d3ecee;
  --today: #14919b;
  --shadow: 0 1px 2px rgba(15, 60, 70, .08), 0 8px 24px rgba(15, 60, 70, .12);
  --shadow-soft: 0 1px 3px rgba(15, 60, 70, .07);
  --board-bg: repeating-linear-gradient(0deg, #d8e9ea 0 2px, #e0eef0 2px 26px);
}

/* ---- Reef — seafoam green-aqua light ---- */
[data-theme="reef"] {
  color-scheme: light;
  --bg: #e9f4ee;
  --bg-deep: #dcece2;
  --surface: #fbfffc;
  --surface-2: #edf6f1;
  --line: #cfe4d8;
  --line-soft: #deede4;
  --text: #1c352a;
  --text-soft: #547466;
  --text-faint: #8fab9e;
  --accent: #1f9e78;
  --on-accent: #f0fcf7;
  --accent-soft: #d3eee2;
  --today: #1f9e78;
  --shadow: 0 1px 2px rgba(20, 65, 45, .08), 0 8px 24px rgba(20, 65, 45, .12);
  --shadow-soft: 0 1px 3px rgba(20, 65, 45, .07);
  --board-bg: repeating-linear-gradient(0deg, #d9e9df 0 2px, #e1eee6 2px 26px);
}

/* ---- Glacier — icy blue light ---- */
[data-theme="glacier"] {
  color-scheme: light;
  --bg: #ecf1f8;
  --bg-deep: #dfe7f2;
  --surface: #fbfcff;
  --surface-2: #eff3fa;
  --line: #d3ddec;
  --line-soft: #e1e8f2;
  --text: #1f2c40;
  --text-soft: #566a86;
  --text-faint: #90a2ba;
  --accent: #4f74d9;
  --on-accent: #f4f7ff;
  --accent-soft: #dde5f8;
  --today: #4f74d9;
  --shadow: 0 1px 2px rgba(30, 50, 90, .08), 0 8px 24px rgba(30, 50, 90, .12);
  --shadow-soft: 0 1px 3px rgba(30, 50, 90, .07);
  --board-bg: repeating-linear-gradient(0deg, #dde5f0 0 2px, #e4ebf4 2px 26px);
}

/* ---- Abyss — deep sea dark ---- */
[data-theme="abyss"] {
  color-scheme: dark;
  --bg: #0e1a1e;
  --bg-deep: #0a1418;
  --surface: #16262b;
  --surface-2: #1c3036;
  --line: #29434b;
  --line-soft: #21373e;
  --text: #dcecee;
  --text-soft: #93b2b8;
  --text-faint: #5d7c83;
  --accent: #2ec4cf;
  --on-accent: #06272b;
  --accent-soft: #163d43;
  --today: #2ec4cf;
  --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 28px rgba(0, 0, 0, .45);
  --shadow-soft: 0 1px 3px rgba(0, 0, 0, .35);
  --board-bg: repeating-linear-gradient(0deg, #101d22 0 2px, #142329 2px 26px);
  --note-lemon: #c6b45e; --note-peach: #cd9a6d; --note-rose: #c9879c;
  --note-lilac: #a294cf; --note-sky: #6fa9cd;  --note-mint: #6fbc9d;
  --note-sand: #a8ab8a;  --note-snow: #bcc9c9; --note-ink: #1b2421;
  --tape: rgba(255, 255, 255, 0.35);
  --ev-teal: #35b5bf; --ev-aqua: #4cc3e0; --ev-ocean: #6595d6;
  --ev-mint: #55bd97; --ev-indigo: #8c98e8; --ev-coral: #e8907f;
}

/* ---- Nocturne — indigo dark ---- */
[data-theme="nocturne"] {
  color-scheme: dark;
  --bg: #14172a;
  --bg-deep: #0f1221;
  --surface: #1d2138;
  --surface-2: #242a45;
  --line: #343c5e;
  --line-soft: #2b324f;
  --text: #e5e8f5;
  --text-soft: #a0a8c8;
  --text-faint: #687097;
  --accent: #7f9cf5;
  --on-accent: #0e1430;
  --accent-soft: #2a3355;
  --today: #7f9cf5;
  --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 28px rgba(0, 0, 0, .5);
  --shadow-soft: 0 1px 3px rgba(0, 0, 0, .35);
  --board-bg: repeating-linear-gradient(0deg, #171a2f 0 2px, #1b1f36 2px 26px);
  --note-lemon: #c6b45e; --note-peach: #cd9a6d; --note-rose: #c9879c;
  --note-lilac: #a99ad6; --note-sky: #7ba7d3;  --note-mint: #74b8a0;
  --note-sand: #a9ab8d;  --note-snow: #c2c6d3; --note-ink: #1d2026;
  --tape: rgba(255, 255, 255, 0.35);
  --ev-teal: #3fb6c0; --ev-aqua: #58c4de; --ev-ocean: #6f9ada;
  --ev-mint: #5cbd9b; --ev-indigo: #96a2ec; --ev-coral: #e8907f;
}