/* =========================================================================
   Julia Ross — Shared Design Tokens
   Warm neutral + soft rose. Elegant, feminine, smart. Used by both sites.
   ========================================================================= */
:root {
  /* ---- Neutrals (cool: white, greys, charcoal) ---- */
  --bone:        #FFFFFF;   /* page base (white)           */
  --cream:       #F6F2F3;   /* alt section (soft pink-grey) */
  --greige:      #EFEBEC;   /* soft panels                 */
  --sand:        #E2DBDE;   /* borders / dividers          */
  --white:       #FFFFFF;

  /* ---- Ink (charcoal) ---- */
  --ink:         #24252A;   /* charcoal, primary text   */
  --ink-plum:    #1E1F24;   /* near-black charcoal, headings */
  --muted:       #666571;   /* secondary text (cool grey)   */
  --faint:       #A4A1AA;   /* captions, meta               */

  /* ---- Pink accent ---- */
  --rose:        #D9A0AB;   /* light pink (primary accent)  */
  --rose-deep:   #B5717E;   /* dusty rose (emphasis/links)  */
  --rose-soft:   #EBCED5;   /* light pink fills             */
  --rose-wash:   #F9EFF2;   /* very light pink wash         */

  /* ---- Metal hairline (used sparingly) ---- */
  --gold:        #B9975B;

  /* ---- Semantic ---- */
  --bg:            var(--bone);
  --bg-alt:        var(--cream);
  --surface:       var(--white);
  --text:          var(--ink);
  --text-soft:     var(--muted);
  --heading:       var(--ink-plum);
  --accent:        var(--rose);
  --accent-strong: var(--rose-deep);
  --line:          color-mix(in srgb, var(--sand) 70%, transparent);
  --line-strong:   var(--sand);

  /* ---- Type ---- */
  --font-display: "Fraunces", "Georgia", "Times New Roman", serif;
  --font-body:    "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Fluid type scale */
  --fs-eyebrow: 0.75rem;
  --fs-body:    clamp(1rem, 0.97rem + 0.15vw, 1.075rem);
  --fs-lead:    clamp(1.15rem, 1.05rem + 0.5vw, 1.4rem);
  --fs-h4:      clamp(1.25rem, 1.1rem + 0.7vw, 1.6rem);
  --fs-h3:      clamp(1.7rem, 1.4rem + 1.4vw, 2.6rem);
  --fs-h2:      clamp(2.2rem, 1.7rem + 2.6vw, 4rem);
  --fs-h1:      clamp(3rem, 2rem + 5.2vw, 6.5rem);
  --fs-display: clamp(3.6rem, 2rem + 8vw, 9rem);

  /* ---- Spacing / layout ---- */
  --space-section: clamp(5rem, 3rem + 8vw, 10rem);
  --container:     1240px;
  --container-narrow: 760px;
  --gutter:        clamp(1.25rem, 0.8rem + 2.4vw, 3rem);
  --radius:        2px;      /* editorial: near-square */
  --radius-lg:     6px;

  /* ---- Motion ---- */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);   /* expo-out, premium */
  --ease-soft:  cubic-bezier(0.33, 0, 0.2, 1);
  --dur-fast:   0.35s;
  --dur:        0.65s;
  --dur-slow:   1.1s;

  /* ---- Shadow (soft, warm) ---- */
  --shadow-sm: 0 2px 14px -8px rgba(30, 31, 36, 0.30);
  --shadow:    0 24px 60px -34px rgba(30, 31, 36, 0.40);
}