/* ============================================================
   hey, it's day — design tokens
   warm "clean-girl" editorial: latte / cream / oat neutrals
   with a soft dusty-rose accent and a whisper of warm gold.
   Shared by the public site and the admin panel.
   ============================================================ */

:root {
  /* ---- core neutrals (warm) ---- */
  --cream:      #faf6f0;  /* primary background — 60% */
  --shell:      #f4ece1;  /* alt section background */
  --oat:        #ece2d4;  /* cards / containers — 30% */
  --linen:      #e4d6c4;  /* raised cards / wells */
  --sand:       #d8c6ad;  /* hairlines, dividers */
  --latte:      #c3aa8e;  /* muted accents */
  --mocha:      #9a7b5f;  /* secondary text, mid accent */
  --walnut:     #6f5640;  /* strong secondary */
  --espresso:   #3a2c20;  /* body text */
  --ink:        #2a2017;  /* headings, near-black warm */

  /* ---- accents ---- */
  --blush:      #ead2cb;  /* soft pink fills */
  --blush-deep: #e0b8af;  /* hover blush */
  --rose:       #c0867c;  /* dusty rose — 10% accent, links/CTA */
  --rose-ink:   #a76a60;  /* rose on hover / pressed */
  --gold:       #b89a6a;  /* whisper of warm gold for fine detail */

  /* ---- semantic ---- */
  --bg:           var(--cream);
  --bg-alt:       var(--shell);
  --surface:      var(--oat);
  --text:         var(--espresso);
  --text-soft:    var(--mocha);
  --heading:      var(--ink);
  --line:         var(--sand);
  --accent:       var(--rose);
  --accent-hover: var(--rose-ink);

  /* ---- decoupled surfaces (split the double-duty of --cream/--ink/--sand;
         theme overrides these independently) ---- */
  --on-dark:       #faf6f0;  /* light text/icons sitting on a dark surface */
  --dark-surface:  #2a2017;  /* dark section backgrounds: footer, featured card, primary CTA, lightbox scrim */
  --muted-on-dark: #d8c6ad;  /* muted text on dark surfaces (footer meta, lightbox caption) */

  /* ---- typography ---- */
  --font-display: "Fraunces", "Hoefler Text", Georgia, "Times New Roman", serif;
  --font-body:    "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;

  /* fluid type — perfect-fourth at the top, gentle at the base */
  --step--1: clamp(0.80rem, 0.77rem + 0.15vw, 0.89rem);
  --step-0:  clamp(1.00rem, 0.95rem + 0.25vw, 1.15rem);
  --step-1:  clamp(1.25rem, 1.15rem + 0.50vw, 1.55rem);
  --step-2:  clamp(1.60rem, 1.40rem + 1.00vw, 2.30rem);
  --step-3:  clamp(2.10rem, 1.70rem + 2.00vw, 3.40rem);
  --step-4:  clamp(2.70rem, 2.00rem + 3.40vw, 5.00rem);
  --step-5:  clamp(3.30rem, 2.20rem + 5.50vw, 7.50rem);

  --tracking-wide: 0.18em;
  --tracking-mid:  0.06em;
  --leading-tight: 1.04;
  --leading-snug:  1.28;
  --leading-body:  1.62;

  /* ---- spacing scale (8pt-ish, fluid edges) ---- */
  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2.5rem;
  --space-xl:  clamp(3rem, 6vw, 5.5rem);
  --space-2xl: clamp(4.5rem, 9vw, 9rem);

  /* ---- structure ---- */
  --measure: 38rem;          /* readable text width */
  --container: 75rem;        /* max content width */
  --radius-xs: 4px;
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  /* ---- elevation: soft, warm-tinted, never harsh ---- */
  --shadow-sm: 0 1px 2px rgba(58, 44, 32, 0.05), 0 2px 6px rgba(58, 44, 32, 0.05);
  --shadow-md: 0 6px 18px rgba(58, 44, 32, 0.08), 0 2px 6px rgba(58, 44, 32, 0.05);
  --shadow-lg: 0 22px 48px rgba(58, 44, 32, 0.14), 0 6px 16px rgba(58, 44, 32, 0.07);
  --ring: 0 0 0 3px rgba(192, 134, 124, 0.32);  /* rose focus ring */

  /* ---- motion ---- */
  --ease-out:    cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);
  --ease-soft:   cubic-bezier(0.33, 1, 0.68, 1);
  --dur-fast: 160ms;
  --dur-mid:  280ms;
  --dur-slow: 620ms;
}