:root {
  --blue: #232ed1;
  --blue-deep: #1a23a6;
  --blue-50: #f4f6ff;
  --blue-100: #e7eaff;
  --blue-200: #cdd3ff;
  --blue-300: #a3acf7;
  --ink: #0e1230;
  --ink-2: #474c6b;
  --ink-3: #8389a6;
  --line: #e4e7f3;
  --paper: #ffffff;
  --navy: #0a0e2c;
  --ok: #17a673;
  --warn: #b7791f;
  --warn-bg: #fff7e6;
  --tip: #0f7a55;
  --tip-bg: #e9f8f1;

  --font: 'Plus Jakarta Sans', 'Helvetica Neue', Arial, sans-serif;
  --fs-hero: clamp(2rem, 1.3rem + 3vw, 3.4rem);
  --fs-h1: clamp(1.8rem, 1.4rem + 1.8vw, 2.6rem);
  --fs-h2: clamp(1.35rem, 1.2rem + 0.8vw, 1.75rem);
  --fs-h3: 1.15rem;
  --fs-lead: clamp(1.02rem, 0.98rem + 0.25vw, 1.15rem);

  --gutter: clamp(1.25rem, 0.6rem + 2.6vw, 2.5rem);
  --r-sm: 10px;
  --r: 16px;
  --r-lg: 24px;
  --shadow: 0 18px 40px -22px rgba(35, 46, 209, 0.35);
  --shadow-ui: 0 10px 26px -14px rgba(35, 46, 209, 0.28);
  --header-h: 68px;
  --maxw: 1200px;
}