/* ============================================================
   ViewPort · alternative colour themes
   Additive only. Loads after styles.css and overrides nothing
   but the :root colour tokens, so the layout, type and motion
   of the site are untouched.

   Use:  index.html?theme=leaf   (or terracotta / plum / pine / charcoal)
   No ?theme= param  ->  indigo, the main identity (lives in styles.css).

   Each theme keeps the same lightness/chroma structure as the
   original and moves the hue, so contrast ratios carry over.
   ============================================================ */

/* --- 1 · Listová zeleň: the original identity, kept as an option --- */
:root[data-theme="leaf"] {
  --leaf: oklch(0.46 0.11 132);
  --leaf-deep: oklch(0.39 0.10 132);
  --leaf-pale: oklch(0.945 0.028 130);
  --leaf-soft: oklch(0.88 0.05 130);
  --on-leaf-soft: oklch(0.95 0.02 130);
  --cream: oklch(0.975 0.015 75);
  --ink: oklch(0.24 0.02 135);
  --muted: oklch(0.45 0.025 135);
  --line: oklch(0.90 0.015 130);
}

/* --- 2 · Terakota a salvej: warm rust --- */
:root[data-theme="terracotta"] {
  --leaf: oklch(0.48 0.13 42);
  --leaf-deep: oklch(0.40 0.12 42);
  --leaf-pale: oklch(0.945 0.025 42);
  --leaf-soft: oklch(0.88 0.05 42);
  --on-leaf-soft: oklch(0.95 0.02 42);
  --cream: oklch(0.975 0.014 60);
  --ink: oklch(0.24 0.02 40);
  --muted: oklch(0.45 0.025 40);
  --line: oklch(0.90 0.014 42);
}

/* --- 3 · Svestka a merunka: plum --- */
:root[data-theme="plum"] {
  --leaf: oklch(0.42 0.11 350);
  --leaf-deep: oklch(0.35 0.10 350);
  --leaf-pale: oklch(0.945 0.022 350);
  --leaf-soft: oklch(0.88 0.045 350);
  --on-leaf-soft: oklch(0.95 0.018 350);
  --cream: oklch(0.975 0.014 40);
  --ink: oklch(0.24 0.02 350);
  --muted: oklch(0.45 0.025 350);
  --line: oklch(0.90 0.013 350);
}

/* --- 4 · Borovice a rez: deep pine teal --- */
:root[data-theme="pine"] {
  --leaf: oklch(0.44 0.08 205);
  --leaf-deep: oklch(0.36 0.07 205);
  --leaf-pale: oklch(0.945 0.022 205);
  --leaf-soft: oklch(0.88 0.045 205);
  --on-leaf-soft: oklch(0.95 0.018 205);
  --cream: oklch(0.975 0.014 60);
  --ink: oklch(0.24 0.02 210);
  --muted: oklch(0.45 0.025 210);
  --line: oklch(0.90 0.013 205);
}

/* --- 5 · Uhel a koral: near-neutral charcoal --- */
:root[data-theme="charcoal"] {
  --leaf: oklch(0.33 0.025 255);
  --leaf-deep: oklch(0.26 0.02 255);
  --leaf-pale: oklch(0.945 0.012 255);
  --leaf-soft: oklch(0.88 0.025 255);
  --on-leaf-soft: oklch(0.95 0.012 255);
  --cream: oklch(0.975 0.010 60);
  --ink: oklch(0.22 0.012 255);
  --muted: oklch(0.44 0.018 255);
  --line: oklch(0.90 0.008 255);
}