/* ─────────────────────────────────────────────
   NAIK INFRA — Design Tokens
   Edit this file to reskin the entire site
───────────────────────────────────────────── */

:root {
  /* ── Core Palette — Deep Navy & Antique Gold (logo colours) ── */
  --navy:         #1B2A4A;
  --navy-dark:    #0F1D38;
  --navy-deeper:  #091428;
  --navy-light:   #243659;
  --navy-mid:     rgba(27,42,74,0.95);

  /* Gold — warm antique, matching logo exactly */
  --gold:         #B8922A;
  --gold-light:   #CDA840;
  --gold-pale:    #D4B96A;
  --gold-dim:     rgba(184,146,42,0.15);
  --gold-rule:    rgba(184,146,42,0.30);

  /* Surfaces — navy-tinted throughout */
  --ink:          #091428;
  --surface:      #0F1D38;
  --surface-2:    #142240;
  --surface-3:    #1B2A4A;

  /* Text */
  --off-white:    #F2F0EB;
  --off-white-2:  #E8E5DE;
  --white:        #FFFFFF;
  --muted:        #8A9BBD;
  --muted-2:      #566480;

  /* Borders */
  --border:       rgba(255,255,255,0.07);
  --border-gold:  rgba(184,146,42,0.28);
  --border-navy:  rgba(27,42,74,0.5);

  /* Typography */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'Inter', system-ui, sans-serif;

  /* Scale */
  --text-xs:   0.6875rem;
  --text-sm:   0.8125rem;
  --text-base: 0.9375rem;
  --text-md:   1.0625rem;
  --text-lg:   1.25rem;
  --text-xl:   1.5rem;
  --text-2xl:  2rem;
  --text-3xl:  2.75rem;
  --text-4xl:  3.75rem;
  --text-5xl:  5rem;
  --text-hero: clamp(3.5rem, 7vw, 6.5rem);

  /* Spacing */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* Layout */
  --max-w:      1240px;
  --max-w-text: 680px;
  --nav-h:      80px;

  /* Motion */
  --ease:        cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-out:    cubic-bezier(0.0, 0.0, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast:    150ms;
  --dur:         280ms;
  --dur-slow:    450ms;

  /* Radius */
  --radius-sm: 2px;
  --radius:    4px;
  --radius-lg: 8px;
}

  /* ── Light surface tokens ── */
  --light-bg:       #FFFFFF;
  --light-bg-2:     #F7F6F2;
  --light-bg-3:     #F0EDE6;
  --light-border:   rgba(27,42,74,0.10);
  --light-border-gold: rgba(184,146,42,0.25);

  /* Text on light backgrounds */
  --on-light-heading: #0F1D38;
  --on-light-body:    #3D4E6B;
  --on-light-muted:   #7A8BA8;
}