/* ============================================================
   Design tokens — the entire color palette lives here.
   Swap values in this file to re-theme the whole site.
   Palette: navy and pink only. --accent is pink, --accent-2 is
   a vivid navy-blue (same hue family as the background/text,
   just more saturated) — never blend the two in a gradient,
   the pink-to-blue interpolation reads as a muddy purple band.
   ============================================================ */

:root {
  /* -- light (default): off-white, cool navy-tinted -- */
  --bg: #f5f6fa;
  --bg-soft: #ecedf6;
  --bg-card: #ffffff;
  --bg-card-hover: #f2f4fb;
  --border: #dde1ee;
  --border-soft: #e7eaf3;

  --text: #141936;
  --text-dim: #4d5478;
  --text-faint: #868da8;

  --accent: #c14f83;
  --accent-soft: #9c3d68;
  --accent-2: #345fc4;
  --accent-2-soft: #24438f;
  --on-accent: #ffffff;

  --shadow: 0 20px 50px -25px rgba(20, 25, 54, 0.18);
  --radius: 14px;

  --serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --maxw: 1180px;

  color-scheme: light;
}

:root[data-theme="deep"] {
  /* -- deep navy (near-black), toggled variant -- */
  --bg: #0c0e20;
  --bg-soft: #111328;
  --bg-card: #161933;
  --bg-card-hover: #1c1f3e;
  --border: #262a4a;
  --border-soft: #1c2040;

  --text: #f2f3fa;
  --text-dim: #a9aed0;
  --text-faint: #666c99;

  --accent: #ff85bd;
  --accent-soft: #ffaad2;
  --accent-2: #6f93f5;
  --accent-2-soft: #93aef8;
  --on-accent: #0c0e20;

  --shadow: 0 20px 60px -20px rgba(0, 0, 0, 0.65);
  color-scheme: dark;
}