/* ============================================================
   tokens.css — Boundless You Design System
   Brand: Navy + Silver + Gold — Calm Power. Strategic Depth.
   v3.0 | Brand Refresh — Phase A
   ============================================================ */

:root {

  /* ── COLOUR SYSTEM ──────────────────────────────────────── */

  /* Dark foundation (new primary palette) */
  --navy:         #121A2F;   /* Deep Navy — primary background              */
  --navy-mid:     #1B263E;   /* Navy — secondary / alt section background   */
  --obsidian:     #0B0B0F;   /* Obsidian Black — high-contrast hero blocks  */

  /* Neutral layer */
  --silver:       #D6D9DE;   /* Silver Grey — primary text on dark          */
  --light-grey:   #F2F3F5;   /* Light Grey — rare light-section background  */
  --mid-grey:     #8A94A6;   /* Mid Grey — secondary / muted text on dark   */

  /* Accent system (5–10% usage max) */
  --gold:         #C6A96B;   /* Muted Gold — highlights, CTAs, dividers     */
  --gold-soft:    #D8C08A;   /* Soft Gold — hover / subtle accents          */

  /* ── LEGACY NAME MAP ────────────────────────────────────── */
  /* CSS throughout the site references these names.
     Values remapped to new system so existing rules render
     correctly without full CSS rewrite (Phase B). */

  --ivory:        #121A2F;   /* was warm ivory page bg  → deep navy         */
  --stone:        #1B263E;   /* was warm stone alt bg   → navy mid          */
  --taupe:        #2A3A55;   /* was warm taupe dividers → dark border       */
  --charcoal:     #D6D9DE;   /* was near-black text     → silver text       */
  --green:        #C6A96B;   /* was forest green accent → gold accent       */
  --green-h:      #D8C08A;   /* was green hover         → soft gold hover   */
  --muted:        #8A94A6;   /* was warm muted grey     → mid grey          */
  --green-light:  rgba(198,169,107,0.12); /* was green pill bg → gold tint  */

  /* ── TYPOGRAPHY ─────────────────────────────────────────── */
  --serif:  'Playfair Display', Georgia, serif;   /* Headlines, hero text   */
  --sans:   'Inter', system-ui, sans-serif;       /* Body, nav, labels, UI  */

  /* ── LAYOUT ─────────────────────────────────────────────── */
  --nav-height:   80px;
  --content-max:  1160px;
  --section-pad:  clamp(4rem, 8vw, 7rem);

  /* ── COMPONENTS ─────────────────────────────────────────── */
  --card-radius:  8px;
  --shadow-card:  0 4px 24px rgba(0,0,0,0.35);

}