/* ==========================================================================
   Yours Fondly — shared marketing tokens

   One source for the values the public pages were each defining for
   themselves. Before this file, `#6B4F3A` was declared three times under two
   names (`--sepia`, `--yt-sepia`, `--nav-sepia`), and the arrival curve was
   written out twice with different whitespace — the kind of drift where two
   pages slowly stop matching and nobody can say which one is right.

   HOW THIS IS CONSUMED
   The pages keep their existing local names and point them here:

       :root{ --ink: var(--yf-ink); }

   That is deliberate. Re-pointing ~10 definitions changes nothing at the
   hundreds of usage sites, so the migration carries no risk of a missed
   replacement — and each page can still override one token locally without
   editing this file.

   SCOPE
   Marketing surfaces only (landing, and everything on base_public.html). The
   invitation themes are NOT tokenised here: they read the couple's own
   WeddingDesign colours at runtime, so their palette is data, not design.
   ========================================================================== */

:root {
  /* ── Ink and paper ──────────────────────────────────────────────────── */
  --yf-ink:        #2A2018;   /* body and heading text */
  --yf-sepia:      #6B4F3A;   /* the brand's warm brown: links, accents */
  --yf-olive:      #6F5440;   /* sepia's quieter sibling, for secondary marks */
  --yf-muted:      #8C7B68;   /* secondary text — see the contrast note below */
  --yf-paper:      #FAF4EA;   /* the cream page ground */

  /* ── Type ───────────────────────────────────────────────────────────── */
  --yf-serif:      "Cormorant", Georgia, serif;              /* display */
  --yf-body:       "EB Garamond", Georgia, serif;            /* reading */
  --yf-label:      "Albert Sans", system-ui, sans-serif;     /* labels, nav */

  /* ── Motion ─────────────────────────────────────────────────────────────
     Durations express consequence, not taste: a press is felt, a hover is
     noticed, a reveal is watched. */
  --yf-t-press:    120ms;
  --yf-t-hover:    200ms;
  --yf-t-reveal:   620ms;
  --yf-ease-out:    cubic-bezier(.23, 1, .32, 1);    /* arrivals */
  --yf-ease-in-out: cubic-bezier(.77, 0, .175, 1);   /* on-screen movement */
}

/* NOTE — contrast. --yf-muted (#8C7B68) on --yf-paper (#FAF4EA) measures
   3.7:1. That clears WCAG AA for large text (3:1) but NOT for body copy
   (4.5:1). Use it for headings and metadata; for anything at body size on
   paper, use --yf-ink. This is why the token is named for its role rather
   than its lightness — "muted" invites the wrong choice less often than
   "grey" would. */