/* ==================================================================
   DESIGN TOKENS — new site
   Single source of truth for color, type, spacing, shape.
   Palette: the "8 + 1" system — four neutrals + three accent hues,
   each accent in a light fill and a deep tone. Exact brand hex codes.
   ================================================================== */

/* Golden Batch — elegant serif, headlines. REGULAR (400) ONLY. */
@font-face {
  font-family: 'Golden Batch';
  src: url('/assets/fonts/golden-batch.woff2') format('woff2'),
       url('/assets/fonts/golden-batch.woff') format('woff');
  font-weight: 400; font-style: normal; font-display: swap;
}

/* Hanken Grotesk — body. Variable, weights 100–900. */
@font-face {
  font-family: 'Hanken Grotesk';
  src: url('/assets/fonts/hanken-grotesk-var.woff2') format('woff2');
  font-weight: 100 900; font-style: normal; font-display: swap;
}

/* Caveat — casual marker script. ACCENT WORDS ONLY, never body text. */
@font-face {
  font-family: 'Caveat';
  src: url('/assets/fonts/caveat-var.woff2') format('woff2');
  font-weight: 400 700; font-style: normal; font-display: swap;
}

:root {
  /* ---- Raw brand colors -------------------------------------------- */
  /* Neutrals — the backbone */
  --c-cream:#F7EEE7;        /* page background */
  --c-cream-soft:#FBF6F1;   /* alternate sections, a whisper lighter */
  --c-gray:#6A5E53;         /* warm gray — muted text, captions, labels */
  --c-ink:#1D1E26;          /* primary text, dark sections, primary buttons */

  /* Accents — each a light fill + a deep tone for text/links/tone-on-tone */
  --c-pink:#FFC8E5;         --c-pink-deep:#9E0053;   /* signature   (deep = plum) */
  --c-mint:#B1DED9;         --c-mint-deep:#195750;   /* cool note   (deep = teal) */
  --c-coral:#F7CBBB;        --c-coral-deep:#8E2E0B;  /* warm support */

  /* ---- Semantic roles — use THESE in pages, not the raw hex --------- */
  --bg:var(--c-cream); --bg-alt:var(--c-cream-soft); --bg-feature:var(--c-ink);
  --text:var(--c-ink); --text-muted:var(--c-gray); --text-on-dark:var(--c-cream);
  --link:var(--c-pink-deep);                        /* links + emphasis */
  --action:var(--c-ink); --action-text:var(--c-cream);
  --accent:var(--c-pink);                           /* signature accent fill */
  --line:rgba(29,30,38,0.12);

  /* ---- Type -------------------------------------------------------- */
  --font-display:'Golden Batch', Georgia, serif;   /* headlines, weight 400 only */
  --font-body:'Hanken Grotesk', system-ui, sans-serif;
  --font-script:'Caveat', 'Segoe Script', cursive; /* accent words only, never body */

  --h1:clamp(2.6rem,6vw,4.5rem); --h2:clamp(2rem,4vw,3rem); --h3:clamp(1.4rem,2.5vw,1.75rem);
  --body:clamp(1rem,1.2vw,1.125rem); --lh-tight:1.15; --lh-body:1.6;

  /* ---- Spacing (8px grid) & shape ---------------------------------- */
  --s-1:8px; --s-2:16px; --s-3:24px; --s-4:32px; --s-5:48px; --s-6:64px; --s-7:96px; --s-8:120px;
  --section-y:clamp(var(--s-6),10vw,var(--s-8)); --container:1120px;

  --radius:4px; --shadow:0 18px 50px rgba(29,30,38,0.12);
}