/* ============================================================
   tokens.css — Boundless Consulting Design System
   business.boundlessyou.in
   Brand: Cobalt Blue + Silver + Gold — Authority. Clarity. Results.
   v1.0
   ============================================================ */

:root {

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

  /* Blue foundation (distinct from boundlessyou.in navy) */
  --primary:      #0D1F3C;   /* Deep Cobalt Blue — primary background         */
  --primary-mid:  #162E56;   /* Mid Blue — secondary / alt section background */
  --primary-alt:  #1D3A6A;   /* Lighter Blue — card backgrounds, hovers       */
  --hero-dark:    #091529;   /* Deep hero background                          */

  /* Neutral layer */
  --silver:       #D6D9DE;   /* Silver — primary text on dark                 */
  --light-grey:   #F4F5F7;   /* Light Grey — light section backgrounds        */
  --mid-grey:     #8A94A6;   /* Mid Grey — secondary / muted text             */
  --border:       rgba(214,217,222,0.1); /* Subtle border                     */

  /* Accent system (10% usage — CTAs, highlights) */
  --gold:         #C6A96B;   /* Muted Gold — CTAs, highlights, dividers       */
  --gold-soft:    #D8C08A;   /* Soft Gold — hover states                      */
  --gold-bg:      rgba(198,169,107,0.10); /* Gold tint background              */

  /* ── TYPOGRAPHY ─────────────────────────────────────────── */
  --serif:  'Playfair Display', Georgia, serif;   /* Minimal use — hero h1 only */
  --sans:   'Inter', system-ui, sans-serif;       /* Primary — all UI & body    */

  /* ── LAYOUT ─────────────────────────────────────────────── */
  --nav-height:   72px;
  --content-max:  1280px;
  --section-pad:  clamp(4.5rem, 8vw, 7rem);

  /* ── COMPONENTS ─────────────────────────────────────────── */
  --card-radius:  6px;
  --shadow-card:  0 4px 28px rgba(0,0,0,0.4);
  --transition:   0.2s ease;

}