/* ==========================================================================
   Advanced Aesthetics · Design Tokens
   Black & Gold palette + Apothecary Soft type.
   Per client (Chelsea, Jul 2026): walls are black, not green. Black + gold is
   the ground. Green is a small deliberate accent only (--aa-green), never a surface.
   ========================================================================== */
:root {
  /* ---- Black & Gold palette ---- */
  --aa-forest:    #0A0A0B;  /* primary 60% — page ground (neutral true black, no warm/green cast) */
  --aa-forest-2:  #101012;  /* alternate section — neutral, slightly lifted for depth */
  --aa-card:      #141417;  /* card surface on black — neutral */
  --aa-card-2:    #1C1C20;  /* raised card / hover — neutral */
  --aa-cream:     #F4ECE0;  /* secondary 30% — type on black, cream surfaces */
  --aa-cream-2:   #EDE5D6;
  --aa-gold:      #C8A968;  /* accent 8% — CTA, hairline, mark */
  --aa-gold-deep: #917236;
  --aa-gold-soft: rgba(200, 169, 104, 0.08);

  /* green: the "small splash here and there" accent ONLY. Never a page/card surface. */
  --aa-green:     #3E5D46;  /* muted botanical — small deliberate touches */
  --aa-green-soft: rgba(62, 93, 70, 0.14);

  /* ink (on cream surfaces) */
  --aa-ink:       #1A1F12;
  --aa-ink-2:     #3A3F2F;

  /* derived text on black */
  --ink:          var(--aa-cream);
  --ink-2:        #D8D0BC;
  --ink-muted:    #9A9082;  /* warm taupe-gray (no green cast) */
  --rule:         rgba(200, 169, 104, 0.16);
  --rule-2:       rgba(244, 236, 224, 0.10);

  /* surface defaults (overridden by .surface-cream) */
  --bg:           var(--aa-forest);
  --bg-card:      var(--aa-card);
  --bg-card-2:    var(--aa-card-2);
  --fg:           var(--ink);
  --fg-2:         var(--ink-2);
  --fg-muted:     var(--ink-muted);
  --accent:       var(--aa-gold);
  --accent-deep:  var(--aa-gold-deep);
  --hairline:     var(--rule);
  --hairline-2:   var(--rule-2);

  /* ---- Apothecary Soft type ---- */
  --font-display: "Italiana", Georgia, "Times New Roman", serif;
  --font-body:    "Lato", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-accent:  "Cinzel", Georgia, serif;

  /* ---- type scale (clamp, fluid) ---- */
  --fs-hero:   clamp(54px, 11vw, 132px);
  --fs-h1:     clamp(40px, 8vw, 92px);
  --fs-h2:     clamp(30px, 5vw, 56px);
  --fs-h3:     clamp(22px, 3vw, 30px);
  --fs-lead:   clamp(18px, 2.3vw, 23px);
  --fs-body:   17px;
  --fs-small:  14px;
  --fs-eyebrow: 11.5px;

  /* ---- spacing / layout ---- */
  --maxw:        1240px;
  --maxw-text:   720px;
  --gutter:      clamp(20px, 5vw, 56px);
  --section-y:   clamp(72px, 11vw, 150px);
  --radius:      14px;
  --radius-lg:   22px;
  --radius-pill: 999px;

  /* ---- motion ---- */
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1);
  --ease-soft:  cubic-bezier(0.4, 0, 0.2, 1);
  --dur:        0.6s;
  --dur-fast:   0.3s;
}

/* Cream editorial surface — restricted to editorial breaks + legal pages */
.surface-cream {
  background: var(--aa-cream);
  color: var(--aa-ink);
  --bg:        var(--aa-cream);
  --bg-card:   #FAF4E8;
  --bg-card-2: var(--aa-cream-2);
  --fg:        var(--aa-ink);
  --fg-2:      var(--aa-ink-2);
  --fg-muted:  #6D6453;
  --accent:    var(--aa-gold-deep);
  --accent-deep: #6F571F;
  --hairline:  rgba(26, 24, 20, 0.16);
  --hairline-2: rgba(26, 24, 20, 0.08);
}