/* ==========================================================================
   Godrej Vanantara — Design Tokens (Phase 2)
   Single source of truth for color, type, space, radius, shadow, z-index.
   ========================================================================== */
:root {
  /* ---- Brand colour palette (luxury forest + gold) ---- */
  --c-primary: #1B4332;       /* deep forest green */
  --c-primary-600: #245741;
  --c-secondary: #2D6A4F;     /* mid green */
  --c-accent: #B08D57;        /* champagne gold */
  --c-cta: #C9A227;           /* gold CTA */
  --c-cta-hover: #A8861C;
  --c-whatsapp: #25D366;
  --c-whatsapp-dark: #075E54; /* AA-accessible with white text (~7.7:1) — used on text WhatsApp buttons */

  /* ---- 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;

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

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

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

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

  /* ---- Spacing (8-point) ---- */
  --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 / shadow ---- */
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 3px rgba(26,26,26,.08);
  --shadow: 0 6px 20px rgba(26,26,26,.10);
  --shadow-lg: 0 16px 40px rgba(26,26,26,.16);

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

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