/* ─── MUNDIAL FONT FACES ──────────────────────────── */
@font-face { font-family: 'Mundial'; src: url('../font/MundialHair.otf') format('opentype'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'Mundial'; src: url('../font/MundialHairItalic.otf') format('opentype'); font-weight: 100; font-style: italic; font-display: swap; }
@font-face { font-family: 'Mundial'; src: url('../font/MundialThin.otf') format('opentype'); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: 'Mundial'; src: url('../font/MundialThinItalic.otf') format('opentype'); font-weight: 200; font-style: italic; font-display: swap; }
@font-face { font-family: 'Mundial'; src: url('../font/MundialLight.otf') format('opentype'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Mundial'; src: url('../font/MundialLightItalic.otf') format('opentype'); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: 'Mundial'; src: url('../font/MundialRegular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Mundial'; src: url('../font/MundialItalic.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Mundial'; src: url('../font/MundialDemibold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Mundial'; src: url('../font/MundialDemiboldItalic.otf') format('opentype'); font-weight: 600; font-style: italic; font-display: swap; }
@font-face { font-family: 'Mundial'; src: url('../font/MundialBold.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Mundial'; src: url('../font/MundialBoldItalic.otf') format('opentype'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: 'Mundial'; src: url('../font/MundialBlack.otf') format('opentype'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Mundial'; src: url('../font/MundialBlackItalic.otf') format('opentype'); font-weight: 900; font-style: italic; font-display: swap; }

/* ─── DESIGN TOKENS ───────────────────────────────── */
:root {
  /* Brand colors — Enestock palette
     Dark blue    #163883   primary / CTA
     Light blue   #bed1f4   soft accent / tint
     Lightest blue #d5e1f8  very light background tint
     Dark gray    #323232   body text / ink
     Light gray   #dedcdc   borders / lines              */
  --c-primary:   #163883;
  --c-secondary: #163883;
  --c-accent:    #163883;
  --c-accent-h:  #0f2860;

  /* Backgrounds */
  --c-bg:        #ffffff;
  --c-bg-soft:   #d5e1f8;
  --c-bg-soft2:  #bed1f4;
  --c-white:     #ffffff;

  /* Text */
  --c-ink:       #323232;
  --c-ink2:      #4a4a4a;
  --c-muted:     #787878;
  --c-faint:     #aeacac;
  --c-line:      #dedcdc;
  --c-black:     #000000;

  /*
   * FONT — change ONLY this variable to swap the font project-wide.
   * All elements inherit from --font.
   */
  --font: 'Mundial', 'Arial', sans-serif;

  /* Type scale */
  --tx-xs:   .75rem;
  --tx-sm:   .875rem;
  --tx-base: 1rem;
  --tx-lg:   1.125rem;
  --tx-xl:   1.25rem;
  --tx-2xl:  1.5rem;
  --tx-3xl:  2rem;
  --tx-4xl:  2.75rem;
  --tx-5xl:  3.75rem;
  --tx-6xl:  5rem;

  /* Layout */
  --sp:      104px;
  --sp-sm:   60px;
  --wrap:    1280px;
  --r:       18px;
  --r-sm:    10px;
  --r-pill:  9999px;

  /* Shadows & effects */
  --sh-sm:   0 2px 8px rgba(0,0,0,.06);
  --sh-md:   0 4px 24px rgba(0,0,0,.10);
  --sh-lg:   0 8px 48px rgba(0,0,0,.16);
  --glow:    0 0 40px rgba(22,56,131,.25);
  --ease:    cubic-bezier(.25,.46,.45,.94);
}