/* ==========================================================================
   Design Tokens — Prestige Falcon City Luxe (2026 redesign)
   Palette mirrors the Reference Website's forest-green + champagne-gold
   luxury system. Single source of truth for color / type / space / radius /
   shadow / z-index — every other stylesheet reads these, never hardcodes.
   ========================================================================== */

:root {
  /* ---------- Color: brand ---------- */
  --c-primary:        #1B4332; /* deep forest green */
  --c-primary-600:    #245741;
  --c-primary-700:    #143627;
  --c-secondary:      #2D6A4F; /* green mid */
  --c-accent:         #B08D57; /* champagne gold */
  --c-cta:            #C9A227; /* gold CTA */
  --c-cta-hover:      #A8861C;
  --c-whatsapp:       #25D366;
  --c-whatsapp-dark:  #075E54;

  /* ---------- Color: neutrals ---------- */
  --c-ink:            #1A1A1A;
  --c-ink-700:        #3D3D3D;
  --c-ink-500:        #6B6B6B;
  --c-ink-300:        #CFCFCF;
  --c-bg:             #FFFFFF;
  --c-bg-alt:         #F7F5F0; /* warm off-white */
  --c-border:         #E6E1D6;

  /* ---------- Color: status ---------- */
  --c-success:        #2E7D32;
  --c-warning:         #ED6C02;
  --c-error:           #D32F2F;

  /* ---------- Typography ---------- */
  --font-head: "Playfair Display", Georgia, serif;
  --font-body: "Inter", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  --fs-300: 0.8125rem;  /* 13px */
  --fs-400: 0.875rem;   /* 14px */
  --fs-500: 1rem;       /* 16px base */
  --fs-600: 1.25rem;    /* 20px */
  --fs-700: 1.5625rem;  /* 25px */
  --fs-800: 1.9375rem;  /* 31px */
  --fs-900: 2.4375rem;  /* 39px */
  --fs-1000: 3.0625rem; /* 49px */

  --lh-tight: 1.2;
  --lh-snug: 1.4;
  --lh-body: 1.65;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  --ls-heading: -0.01em;

  /* ---------- Spacing (8pt scale) ---------- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 16px;
  --sp-4: 24px;
  --sp-5: 32px;
  --sp-6: 48px;
  --sp-7: 64px;
  --sp-8: 96px;

  /* ---------- Radius ---------- */
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* ---------- Shadow ---------- */
  --shadow-sm: 0 1px 3px rgba(20, 20, 20, 0.08);
  --shadow:    0 6px 20px rgba(20, 20, 20, 0.10);
  --shadow-lg: 0 16px 40px rgba(20, 20, 20, 0.16);

  /* ---------- Layout ---------- */
  --container: 1180px;
  --header-h: 76px;

  /* ---------- Z-index ---------- */
  --z-subnav: 900;
  --z-header: 1000;
  --z-float: 1050;
  --z-mobilebar: 1060;
  --z-modal: 1100;
}