/* ═══════════════════════════════════════════════
   TARG Base — Design Tokens
   ─────────────────────────────────────────────
   Every colour, font, radius, shadow and transition used by main.css is a
   --targ-* custom property defined here with NEUTRAL defaults. A child theme
   re-skins the whole site by redefining these in its own style.css (which is
   enqueued after tokens.css and main.css), e.g.

     :root {
       --targ-primary: #0B3D2E;
       --targ-accent:  #F26B1D;
       --targ-font-heading: 'Playfair Display', Georgia, serif;
     }

   Never put hex values in main.css — add a token here instead.
════════════════════════════════════════════════ */
:root {
  /* ── Palette (role-based) ── */
  --targ-primary:         #14324A;   /* dark brand colour — nav, footer, specs band, headings */
  --targ-primary-mid:     #24506E;   /* lighter primary — hover states, gradients */
  --targ-accent:          #D9542B;   /* CTA / button colour */
  --targ-accent-dark:     #B8431F;   /* CTA hover */
  --targ-highlight:       #C2A16A;   /* premium accent — badges, underlines, active thumbs */
  --targ-highlight-light: #D9BE8E;
  --targ-surface:         #F5F2EC;   /* soft section background */
  --targ-surface-dark:    #EAE4D8;
  --targ-white:           #FFFFFF;
  --targ-text:            #1C1C1E;   /* body copy */
  --targ-text-muted:      #6B6B6B;
  --targ-border:          #E2DDD4;
  --targ-whatsapp:        #25D366;
  --targ-whatsapp-dark:   #1EBE5D;

  /* ── Typography ── */
  --targ-font-heading:    'Cormorant Garamond', Georgia, serif;
  --targ-font-body:       'DM Sans', system-ui, -apple-system, sans-serif;

  /* ── Surfaces / motion ── */
  --targ-shadow-sm:       0 2px 8px rgba(0,0,0,.08);
  --targ-shadow-md:       0 6px 24px rgba(0,0,0,.12);
  --targ-shadow-lg:       0 16px 48px rgba(0,0,0,.18);
  --targ-radius:          6px;
  --targ-transition:      0.25s ease;

  /* ── Layout ── */
  --targ-utility-height:  38px;      /* header utility strip */
  --targ-nav-height:      72px;      /* primary nav */
  --targ-container:       1320px;
}