/* ══════════════════════════════════════════════════════════════════
   ZOTHEKA DESIGN SYSTEM — "Lake Dusk"
   Concept: teal = the lake, navy = the night sky over it, gold =
   the sunset moment reserved for the Featured tier. One shared
   source of truth so every page stays in sync — edit here, not
   per-page.
   ══════════════════════════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  /* Brand */
  --teal:#1A5C5C; --teal-mid:#2D9C9C; --teal-light:#4DBDBD;
  --gold:#F2A93B; --gold-deep:#D4892A; --accent:#2D9C9C; --accent-deep:#1D5A5A;
  --blue:#1D5A8C; --blue-mid:#2A7BC4;
  /* Hero */
  --night:#0A1628; --night-mid:#0F2040; --night-surface:#152035;
  /* Light */
  --cream:#F8F4ED; --bg:#FAFAF8; --surface:#FFFFFF;
  --border:rgba(var(--on-dark-rgb),0.07); --border-light:rgba(28,25,23,0.09); --border-md:rgba(28,25,23,0.14);
  --text:#1C1917; --muted:#75716A; --faint:#A8A29E;
  /* Theme-flippable tokens — dark mode (default) values */
  --on-dark-rgb:255,255,255; --on-dark-solid:#ffffff;
  --night-rgb:10,22,40;
  --night-deep:#060E1A; --dark-accent-green:#0D3A2A;
  /* Semantic (values as already used on dashboard/admin/book/help — not new colors) */
  --green:#22C55E; --red:#EF4444; --amber:#F59E0B; --wa:#25D366;
  --success:var(--green); --warning:var(--amber); --error:var(--red); --info:var(--teal-light);
  /* Gradients */
  --grad:linear-gradient(115deg,var(--gold) 0%,var(--teal-mid) 55%,var(--blue) 100%);
  --grad-hero:linear-gradient(135deg,#0A1628 0%,#0D1F3C 50%,#0A2A2A 100%);
  --grad-text:linear-gradient(110deg,var(--gold) 0%,var(--teal-light) 60%,var(--blue-mid) 100%);
  /* Radii */
  --r:10px; --r-lg:16px; --r-xl:24px; --r-2xl:32px;
  /* Shadows */
  --shadow-sm:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.05);
  --shadow:0 4px 20px rgba(0,0,0,0.1),0 1px 4px rgba(0,0,0,0.06);
  --shadow-hero:0 24px 64px rgba(0,0,0,0.4);
  --shadow-glow:0 0 40px rgba(45,156,156,0.2);
  /* Motion tokens (design-supreme motion system) */
  --dur-micro:100ms; --dur-ui:250ms; --dur-section:500ms;
  --ease-spring:cubic-bezier(0.22,1,0.36,1);
}
/* ── Light theme override — activated via [data-theme="light"] on <html> ── */
[data-theme="light"]{
  --night:#EEF2F6; --night-mid:#E4EAF0; --night-surface:#FFFFFF;
  --night-rgb:238,242,246;
  --night-deep:#DCE3EA; --dark-accent-green:#E8F5EE;
  --on-dark-rgb:28,25,23; --on-dark-solid:#1C1917;
  --shadow-hero:0 24px 64px rgba(0,0,0,0.12);
}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}