/* Metalevels design tokens — Navy, red & snow. Source of truth for the website. */
:root{
  /* brand */
  --ml-navy:#002C54;
  --ml-red:#C5001A;
  --ml-snow:#FDF6F6;
  /* tints (mixed toward snow) */
  --ml-navy-5:#F0ECEE;
  --ml-navy-10:#E4E2E6;
  --ml-navy-20:#CACED6;
  --ml-navy-30:#B1B9C5;
  --ml-navy-50:#7E91A5;
  --ml-navy-70:#4C6985;
  --ml-navy-85:#264A6C;
  --ml-red-5:#FAEAEB;
  --ml-red-10:#F7DDE0;
  --ml-red-20:#F2C5CA;
  --ml-red-30:#ECACB4;
  --ml-red-50:#E17B88;
  --ml-red-70:#D64A5C;
  --ml-red-85:#CD253B;
  /* roles — use these in components */
  --bg:#FDF6F6;
  --surface:#EDF0F3;
  --ink:#002C54;
  --muted:#516D88;
  --line:#D1D9E0;
  --accent:#C5001A;
  --on-accent:#FFFFFF;
  --band:#002C54;
  --band-ink:#FDF6F6;
  --band-muted:#B6BDC9;
  --band-button:#FDF6F6;
  --band-button-ink:#002C54;
  --band-emphasis:#DF7381;
  --font-display:'Instrument Serif','Iowan Old Style',Georgia,serif;
  --font-body:'Instrument Sans','Helvetica Neue',Arial,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  --text-hero:clamp(46px,6.4vw,88px);
  --text-page-title:clamp(44px,6vw,80px);
  --text-section:clamp(36px,4.6vw,56px);
  --text-lead:clamp(18px,1.6vw,20px);
  --text-body:17px;
  --wrap:1200px;
  --gutter:max(20px,4vw);
  --section-pad:clamp(64px,9vw,120px);
  --radius-button:999px;
  --radius-card:18px;
  --radius-box:14px;
  --ease:cubic-bezier(.2,.8,.2,1);
  --dur-reveal:800ms;
  --dur-page:600ms;
  --dur-hover:250ms;
}
/* Google Fonts: https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Instrument+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@500;600&display=swap */