/* ==========================================================================
   BNA WORLDWIDE — DESIGN TOKENS
   Palette derived from the official mark: deep navy wordmark, charcoal ring,
   gradient sky-blue trefoil. Restrained enterprise-blue system — no
   decorative gradients, no oversaturation.
   ========================================================================== */

:root{

  /* ---- Colour: Navy (primary dark) ---- */
  --navy-900:#080B1A;
  --navy-800:#0B1024;
  --navy-700:#111834;
  --navy-600:#151D3D;   /* logo wordmark navy */
  --navy-500:#202B52;
  --navy-400:#33406E;

  /* ---- Colour: Charcoal (secondary neutral, from logo ring) ---- */
  --charcoal-700:#24282A;
  --charcoal-600:#2B2F31;
  --charcoal-500:#4A4F52;
  --charcoal-300:#7B8083;
  --charcoal-100:#C8CBCC;

  /* ---- Colour: Sky (accent, from logo trefoil gradient) ---- */
  --sky-700:#1B5D8A;
  --sky-600:#2E86C1;
  --sky-500:#4FB8EA;   /* primary accent */
  --sky-400:#7FCBEF;
  --sky-300:#A9DEF6;
  --sky-100:#E4F4FC;

  /* ---- Neutral / paper ---- */
  --white:#FFFFFF;
  --paper:#F6F7F9;
  --paper-dim:#EEF0F3;
  --ink:#0D1220;         /* body text on light */
  --ink-soft:#4B5160;

  /* ---- Lines & surfaces ---- */
  --line-on-dark:rgba(255,255,255,.14);
  --line-on-dark-soft:rgba(255,255,255,.07);
  --line-on-light:rgba(13,18,32,.10);
  --line-on-light-soft:rgba(13,18,32,.06);
  --surface-on-dark:rgba(255,255,255,.045);
  --surface-on-dark-hi:rgba(255,255,255,.08);
  --glow-sky: rgba(79,184,234,.35);

  /* ---- Typography ---- */
  --font-display:'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body:'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:'IBM Plex Mono', 'SFMono-Regular', Menlo, monospace;

  --fs-hero:      clamp(2.4rem, 2.6vw + 1.6rem, 4.75rem);
  --fs-display-xl:clamp(2.4rem, 3.1vw + 1.5rem, 6rem);
  --fs-display-lg:clamp(2rem, 2.2vw + 1.3rem, 4rem);
  --fs-display-md:clamp(1.6rem, 1.4vw + 1.1rem, 2.65rem);
  --fs-h3:        clamp(1.2rem, .5vw + 1rem, 1.6rem);
  --fs-body-lg:   clamp(1.125rem, .35vw + 1rem, 1.5rem);
  --fs-body:      1rem;
  --fs-small:     .875rem;
  --fs-label:     .75rem;
  --fs-stat:      clamp(2.6rem, 3.4vw + 1rem, 5.75rem);

  --lh-tight:1.02;
  --lh-snug:1.16;
  --lh-normal:1.55;
  --lh-loose:1.75;

  --ls-tight:-.025em;
  --ls-label:.18em;

  /* ---- Spacing (8pt-ish fluid scale) ---- */
  --space-1:.25rem;
  --space-2:.5rem;
  --space-3:.75rem;
  --space-4:1rem;
  --space-5:1.5rem;
  --space-6:2rem;
  --space-7:3rem;
  --space-8:4rem;
  --space-9:6rem;
  --space-10:8rem;
  --space-11:11rem;

  --section-pad-y: clamp(5rem, 7.5vw, 10rem);
  --section-pad-y-lg: clamp(6rem, 10vw, 13rem);
  --page-pad-x: clamp(1.25rem, 5vw, 5rem);
  --content-max: 1400px;
  --reading-max: 62ch;
  --stagger-unit: 70ms;

  /* ---- Radius: architectural, not bubbly ---- */
  --radius-xs:2px;
  --radius-sm:4px;
  --radius-md:6px;
  --radius-lg:10px;
  --radius-pill:999px;

  /* ---- Shadow: soft, long-throw, low opacity ---- */
  --shadow-sm: 0 2px 10px rgba(8,11,26,.06);
  --shadow-md: 0 12px 32px rgba(8,11,26,.09);
  --shadow-lg: 0 24px 64px rgba(8,11,26,.14);
  --shadow-navy-glow: 0 20px 60px rgba(21,29,61,.35);

  /* ---- Motion ---- */
  --ease-premium: cubic-bezier(.16,1,.3,1);
  --ease-inout: cubic-bezier(.65,0,.35,1);
  --ease-out: cubic-bezier(.22,1,.36,1);
  --ease-elastic: cubic-bezier(.34,1.56,.64,1);
  --dur-fast:.3s;
  --dur-med:.65s;
  --dur-slow:1.2s;
  --dur-cinematic:1.6s;

  --z-nav:100;
  --z-cursor:200;
  --z-transition:350;
  --z-overlay:300;
  --z-loader:400;
}