/* ============================================
   META TEAM — DESIGN TOKENS
   ============================================ */
:root{
  /* Brand colour ramp (from Meta Team Colours 2021) */
  --navy-900:#001932;
  --navy-800:#04203b;
  --navy-700:#0f3250;
  --navy-500:#3a576f;
  --navy-300:#93a3b0;
  --navy-100:#cad2d8;
  --navy-50:#eef1f4;

  --orange-600:#fa7800;
  --orange-500:#fb8100;
  --orange-400:#ffb442;
  --orange-300:#ffc266;
  --orange-100:#ffdaa3;
  --orange-50:#fff4e2;

  --green-900:#002800;
  --green-700:#003109;
  --green-500:#406d4f;
  --green-300:#8ca795;
  --green-100:#c7d4cb;

  --slate-700:#4b555a;
  --slate-500:#697378;
  --slate-300:#9ca3a6;
  --slate-100:#cfd2d4;

  --white:#ffffff;
  --paper:#f7f8f9;
  --paper-warm:#f5f3ee;

  --red-500:#d64545;
  --red-100:#f7dada;

  /* Semantic */
  --bg:#ffffff;
  --bg-alt:var(--paper);
  --bg-dark:var(--navy-900);
  --text:var(--navy-900);
  --text-soft:var(--slate-700);
  --text-on-dark:#ffffff;
  --text-on-dark-soft:var(--navy-100);
  --accent:var(--orange-500);
  --border:var(--navy-100);

  /* Type */
  --font-display: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Scale */
  --fs-eyebrow: 0.82rem;
  --fs-h1: clamp(2.1rem, 3.6vw, 3.4rem);
  --fs-h2: clamp(2.1rem, 3.6vw, 3.2rem);
  --fs-h3: clamp(1.4rem, 2vw, 1.8rem);
  --fs-h4: 1.15rem;
  --fs-body-lg: 1.3rem;
  --fs-body: 1.06rem;
  --fs-small: 0.92rem;
  --fs-micro: 0.8rem;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 18px;

  --shadow-sm: 0 2px 10px rgba(0,25,50,0.06);
  --shadow-md: 0 8px 30px rgba(0,25,50,0.10);
  --shadow-lg: 0 20px 60px rgba(0,25,50,0.16);

  --container: 1180px;
  --container-narrow: 820px;

  --ease: cubic-bezier(.22,.8,.32,1);
}

@media (prefers-reduced-motion: reduce){
  *{ animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}