/* =====================================================================
   DESIGN TOKENS — Aurelia Haynes (aureliahaynes.com)
   Source: 2026-06-27_AureliaHaynes_Brand-Kit. Re-skin = edit this file.
   Rule: GOLD is accent-only (never a fill); COGNAC is the primary brand fill.
   ===================================================================== */
:root {
  /* ---- Layer 1: raw brand palette (from the brand kit) ---- */
  --brand-cognac:      #8F4E2A;   /* PRIMARY — fills, buttons, headings, links */
  --brand-cognac-dark: #6E3B1F;   /* darker cognac for link/body contrast on light */
  --brand-camel:       #C49A6C;   /* soft secondary — dividers, fills */
  --brand-gold:        #C7A24A;   /* ACCENT ONLY — glasses, hairlines, flourishes */
  --brand-ink:         #211B16;   /* dark surface (header/footer/bands) + primary text */
  --brand-cream:       #F4EEE3;   /* canvas / page background */
  --brand-muted:       #6B5E51;   /* warm muted secondary text on light */

  /* ---- Layer 2: semantic tokens (components reference THESE) ---- */
  --bg-page:            var(--brand-cream);
  --bg-surface:         #FBF7EF;        /* warm off-white, lifts above cream */
  --bg-dark:            var(--brand-ink);
  --text-strong:        var(--brand-ink);
  --text-body:          #2A231D;
  --text-muted:         var(--brand-muted);
  --text-on-dark:       #F4EEE3;
  --text-on-dark-muted: #C9BBA7;
  --link:               var(--brand-cognac-dark);
  --link-hover:         var(--brand-cognac);
  --accent:             var(--brand-cognac);  /* button fills / key accents (NOT gold) */
  --gold:               var(--brand-gold);    /* accent-only flourishes */
  --border-hair:        rgba(33,27,22,0.14);
  --border-hair-dark:   rgba(244,238,227,0.16);
  --gold-hair:          rgba(199,162,74,0.60);

  /* ---- Typography (Google Fonts) ---- */
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif; /* wordmark + headings */
  --font-body:    "Jost", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif:   "Playfair Display", Georgia, serif;  /* italic pull-quotes / tagline */

  /* Fluid type scale (~1.25 ratio) */
  --fs-display: clamp(2.75rem, 1.5rem + 5.5vw, 5.25rem);
  --fs-h1:      clamp(2.25rem, 1.5rem + 3.3vw, 3.5rem);
  --fs-h2:      clamp(1.85rem, 1.35rem + 2.2vw, 2.75rem);
  --fs-h3:      clamp(1.3rem, 1.15rem + 0.7vw, 1.6rem);
  --fs-lead:    clamp(1.075rem, 1rem + 0.45vw, 1.32rem);
  --fs-body:    1.0625rem;
  --fs-small:   0.9375rem;
  --fs-eyebrow: 0.78rem;

  /* ---- Spacing (8pt-ish) ---- */
  --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem;
  --space-5:1.5rem; --space-6:2rem; --space-7:3rem; --space-8:4rem; --space-9:6rem; --space-10:8rem;

  /* ---- Radius / shadow ---- */
  --radius-card:14px; --radius-sm:10px; --radius-pill:999px;
  --shadow-sm:0 1px 2px rgba(33,27,22,.04),0 2px 8px rgba(33,27,22,.06);
  --shadow-md:0 8px 24px rgba(33,27,22,.10),0 2px 6px rgba(33,27,22,.06);
  --shadow-lg:0 24px 60px rgba(33,27,22,.18);

  /* ---- Layout / motion ---- */
  --container:1160px; --container-narrow:760px; --header-h:74px;
  --ease:cubic-bezier(.22,1,.36,1); --dur:300ms;
}