:root {
  /* Primary saffron */
  --c-saffron: #FF9933;
  --c-saffron-deep: #E67E22;
  --c-saffron-light: #FFB266;

  /* Navy */
  --c-navy: #000080;
  --c-navy-dark: #0A1F44;
  --c-navy-soft: #1F3A5F;

  /* Neutrals */
  --c-white: #FFFFFF;
  --c-bg: #F5F7FA;
  --c-card: #FFFFFF;
  --c-border: #E0E6ED;
  --c-text: #333333;
  --c-subtext: #6B7280;

  /* Accent */
  --c-gold: #FFC107;

  /* Type */
  --f-heading: 'Playfair Display', 'Lora', Georgia, 'Times New Roman', serif;
  --f-body: 'Montserrat', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --f-devanagari: 'Tiro Devanagari Hindi', 'Noto Serif Devanagari', serif;

  --fs-hero: clamp(2.25rem, 5.2vw, 4.5rem);
  --fs-h1: clamp(1.875rem, 3.6vw, 3rem);
  --fs-h2: clamp(1.5rem, 2.8vw, 2.25rem);
  --fs-h3: clamp(1.125rem, 1.8vw, 1.5rem);
  --fs-body: clamp(0.95rem, 1.05vw, 1.0625rem);
  --fs-small: 0.8125rem;

  --lh-tight: 1.15;
  --lh-snug: 1.3;
  --lh-body: 1.65;

  /* Spacing scale (8pt) */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-8: 3rem;
  --sp-10: 4rem;
  --sp-12: 5.5rem;
  --sp-16: 7rem;

  /* Layout */
  --container: 1200px;
  --container-wide: 1320px;
  /* Nav + 7 links + CTAs need room; below this use drawer only */
  --bp-header-desktop: 1320px;
  --radius-sm: 6px;
  --radius: 12px;
  --radius-lg: 18px;

  /* Shadows */
  --shadow-1: 0 1px 2px rgba(10, 31, 68, 0.06), 0 1px 3px rgba(10, 31, 68, 0.05);
  --shadow-2: 0 4px 10px rgba(10, 31, 68, 0.07), 0 2px 4px rgba(10, 31, 68, 0.05);
  --shadow-3: 0 16px 40px rgba(10, 31, 68, 0.12);

  /* Header (solid surfaces, no glass) */
  --header-height: 76px;
  --header-height-scrolled: 64px;
  --tricolor-height: 3px;
  --header-bg: rgba(253, 252, 250, 0.98);
  --header-bg-scrolled: #FDFCFA;
  --header-edge: rgba(10, 31, 68, 0.08);

  /* Motion */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --t-fast: 180ms;
  --t-base: 320ms;
  --t-slow: 600ms;

  /* Tricolor accent strip (corporate, not raw) */
  --tricolor: linear-gradient(
    to right,
    var(--c-navy) 0%, var(--c-navy) 33.333%,
    var(--c-gold) 33.333%, var(--c-gold) 66.666%,
    var(--c-saffron) 66.666%, var(--c-saffron) 100%
  );
}

@media (prefers-reduced-motion: reduce) {
  :root { --t-fast: 0ms; --t-base: 0ms; --t-slow: 0ms; }
}