/* ============================================================
   MSV Nutrition — design tokens (formulario landing only)
   Trimmed from the MSV design system to the single active palette
   (stone neutrals + MSV blue) and grotesk type. Only the tokens
   this page actually references are kept.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=Hanken+Grotesk:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap');

:root{
  /* surfaces & ink */
  --paper:#F3F2EF;
  --paper-2:#EBEAE6;
  --paper-3:#E1DFDA;
  --ink:#161617;
  --ink-soft:#1A1A1B;
  --line:rgba(22,22,23,.12);
  --muted:#61605C;
  --muted-2:#8A8884;

  /* accents */
  --accent:#063B47;          /* midnight blue — accent on light */
  --accent-bright:#119FE6;   /* celeste — accent / badges */
  --on-dark:#EAEAE7;

  /* type */
  --font-display:'Archivo',system-ui,sans-serif;
  --font-body:'Hanken Grotesk',system-ui,sans-serif;
  --font-mono:'Space Mono',ui-monospace,monospace;
  --display-weight:800;
  --display-tracking:-0.025em;
  --display-leading:0.96;

  /* shape & motion */
  --r-sm:10px;
  --r-lg:22px;
  --ease:cubic-bezier(.22,.61,.36,1);

  /* layout */
  --maxw:1240px;
  --gutter:clamp(20px,5vw,64px);
}