/* ============================================================
   The Unapologetic You — Design Tokens
   Brand colours, typography scale, spacing, motion (SPEC §3)
   ============================================================ */
:root {
  /* Brand colours (PRD §3 — Canva codes) */
  --c-burgundy:   #4a0e1c;
  --c-darkred:    #7a0c0c;
  --c-near-black: #12040a;
  --c-sand:       #e7d5c7;
  --c-gold:       #d4af37;
  --c-white:      #ffffff;
  --c-rose:       #976669;

  /* Derived tints */
  --c-sand-light: #f4ece4;
  --c-sand-soft:  #efe3d8;

  /* Semantic roles */
  --bg:          var(--c-white);
  --bg-warm:     var(--c-sand-light);
  --bg-warm-2:   var(--c-sand);
  --bg-dark:     var(--c-near-black);
  --bg-burgundy: var(--c-burgundy);
  --text:        var(--c-near-black);
  --text-muted:  #5d4a44;
  --text-invert: #f7f1ea;
  --heading:     var(--c-burgundy);
  --accent:      var(--c-gold);

  /* Typography — swap --font-serif to TAN AEGEAN once licensed */
  --font-serif: "Cormorant Garamond", "Playfair Display", Georgia, serif;
  --font-sans:  "Montserrat", system-ui, -apple-system, Arial, sans-serif;

  /* Fluid editorial type scale */
  --fs-hero:  clamp(2.75rem, 7vw, 5.75rem);
  --fs-h1:    clamp(2.25rem, 4.5vw, 3.75rem);
  --fs-h2:    clamp(1.85rem, 3.2vw, 2.75rem);
  --fs-h3:    clamp(1.3rem, 2vw, 1.6rem);
  --fs-lead:  clamp(1.1rem, 1.4vw, 1.3rem);
  --fs-body:  clamp(1rem, 1.05vw, 1.125rem);
  --fs-small: 0.875rem;
  --fs-eyebrow: 0.8rem;

  --lh-tight: 1.08;
  --lh-snug:  1.25;
  --lh-body:  1.75;
  --tracking-caps: 0.22em;

  /* Spacing — generous white space */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  2rem;
  --space-lg:  4rem;
  --space-xl:  clamp(4.5rem, 9vw, 7.5rem);
  --space-2xl: clamp(6rem, 13vw, 11rem);

  --maxw-content: 1200px;
  --maxw-wide:    1400px;
  --maxw-prose:   68ch;
  --maxw-narrow:  46rem;

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur:  0.7s;

  /* Misc */
  --radius: 2px;
  --header-h: 5rem;
}