:root {
  --color-navy-950: #071426;
  --color-navy-900: #0b1f3a;
  --color-navy-800: #12345b;
  --color-blue-600: #2f6fed;
  --color-blue-100: #e9f0ff;
  --color-ink: #152033;
  --color-muted: #596579;
  --color-line: #dce2e9;
  --color-soft: #f4f6f8;
  --color-white: #ffffff;
  --color-error: #b42318;

  --font-sans: Inter, Manrope, "Segoe UI", Helvetica, Arial, sans-serif;
  --container: 76rem;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --section-space: clamp(5rem, 11vw, 9rem);
  --radius-sm: 0.65rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --shadow-soft: 0 1.5rem 4rem rgba(7, 20, 38, 0.08);
  --transition: 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
}