:root {
  --color-navy-950:#071426;
  --color-navy-900:#0b1c31;
  --color-navy-850:#10243d;
  --color-navy-800:#163252;
  --color-red-600:#e52942;
  --color-red-500:#f2384d;
  --color-red-400:#f45c6f;
  --color-white:#fff;
  --color-off-white:#f7f7f3;
  --color-warm-white:#f2f0ea;
  --color-stone-100:#ecece7;
  --color-stone-200:#d9d9d1;
  --color-stone-300:#c6c6bd;
  --color-text:#101828;
  --color-text-soft:#475467;
  --color-text-muted:#667085;
  --color-border:rgba(7,20,38,.14);
  --color-border-light:rgba(255,255,255,.16);
  --container:1280px;
  --container-wide:1440px;
  --container-reading:760px;
  --page-padding:24px;
  --section-sm:72px;
  --section-md:112px;
  --section-lg:152px;
  --radius-xs:4px;
  --radius-sm:8px;
  --radius-md:14px;
  --radius-lg:24px;
  --radius-pill:999px;
  --shadow-soft:0 24px 70px rgba(7,20,38,.08);
  --shadow-medium:0 30px 90px rgba(7,20,38,.14);
  --ease-klarr:cubic-bezier(.22,1,.36,1);
  --transition-fast:180ms var(--ease-klarr);
  --transition-normal:360ms var(--ease-klarr);
  --transition-slow:760ms var(--ease-klarr);
  --z-header:100;
  --z-modal:500;
  --z-loader:1000;
}
@media(min-width:768px){:root{--page-padding:40px}}
@media(min-width:1200px){:root{--page-padding:64px}}