:root {
  --brand-primary: #0a78ff;
  --brand-strong: #075fc4;
  --brand-mid: #2998d4;
  --brand-cyan: #00a1d6;
  --navy: #071426;
  --navy-soft: #111a28;
  --deep-blue: #0a2447;
  --cyan: #43ddff;
  --light-blue: #dff6ff;
  --pale-blue: #edf8ff;
  --background: #f7f9fc;
  --surface: #ffffff;
  --text: #071426;
  --text-inverse: #f8fbff;
  --text-inverse-muted: #b9c9dd;
  --text-inverse-subtle: #9fb2c9;
  --muted: #5a687a;
  --border: #cad4e0;
  --focus: #ffcc33;
  --success: #14804a;
  --warning: #a65a00;
  --error: #c52f3d;

  --font-sans: Inter, "Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif;
  --step--1: clamp(.78rem, .74rem + .18vw, .9rem);
  --step-0: clamp(1rem, .96rem + .2vw, 1.13rem);
  --step-1: clamp(1.25rem, 1.1rem + .65vw, 1.65rem);
  --step-2: clamp(1.65rem, 1.32rem + 1.3vw, 2.55rem);
  --step-3: clamp(2.35rem, 1.65rem + 2.9vw, 4.7rem);
  --step-4: clamp(3.1rem, 2rem + 4.8vw, 7rem);

  --space-1: .375rem;
  --space-2: .75rem;
  --space-3: 1.125rem;
  --space-4: 1.75rem;
  --space-5: 2.75rem;
  --space-6: 4.5rem;
  --space-7: 7rem;
  --space-8: 10rem;

  --radius-s: .35rem;
  --radius-m: .8rem;
  --radius-l: 1.5rem;
  --content: 76rem;
  --reading: 46rem;
  --duration-fast: 160ms;
  --duration: 260ms;
  --shadow-menu: 0 30px 80px rgb(0 0 0 / .35);
}