/* MySh'Zen design tokens */
:root {
  /* colour */
  --bg: #fbf8f6;            /* warm ivory page */
  --surface: #ffffff;
  --surface-soft: #f4edea;  /* panels, announcement, image wells */
  --surface-deep: #4f1a37;  /* story band — deep fuchsia-plum */
  --text: #67555a;          /* rosewood-brown body text, ~6.5:1 on --bg */
  --text-muted: #806b6e;    /* ~4.7:1 on --bg */
  --heading: #574549;
  --ink: #2e2a2b;

  /* Fuchsia is Beth's signature colour: the brand accent. */
  --accent: #c8217d;        /* ~5.3:1 with white, ~5.0:1 on --bg: safe for text and for white text on it */
  --accent-hover: #a3185f;
  --accent-soft: #fbe6f0;   /* tints: announcement bar, hero glow */
  --accent-deep: #7a1449;   /* dark fuchsia text on --accent-soft, ~9:1 */
  --accent-ink: #ffffff;    /* text on --accent */
  --accent-text: var(--accent);

  --btn: var(--accent);     /* primary buttons are fuchsia */
  --btn-hover: var(--accent-hover);
  --btn-text: #ffffff;
  --border: #e8e2df;
  --focus: #574549;

  /* type */
  --font-body: "Jost", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --weight-display: 500;
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9rem;
  --fs-body: 1rem;
  --fs-lg: 1.15rem;
  --fs-h3: 1rem;
  --fs-h2: clamp(1.8rem, 1.35rem + 1.8vw, 2.7rem);
  --fs-h1: clamp(2.4rem, 1.6rem + 3.4vw, 4rem);
  --lh-body: 1.6;
  --tracking-caps: 0.08em;

  /* shape & space */
  --radius: 2px;
  --radius-pill: 999px;
  --gutter: clamp(1rem, 0.5rem + 1.8vw, 2.5rem);
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: clamp(2.5rem, 1.75rem + 2.5vw, 4rem);
  --maxw: 1520px;
  --header-h: 72px;

  /* motion */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --dur: 180ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 0ms; }
}