:root {
  --color-ink-950: #111827;
  --color-ink-900: #1f2937;
  --color-ink-800: #334155;
  --color-ink-700: #475569;
  --color-paper: #ffffff;
  --color-paper-soft: #f8fafc;
  --color-paper-muted: #f1f5f9;
  --color-sand-50: #faf8f3;
  --color-sand-100: #f1ebe1;
  --color-slate-100: #e2e8f0;
  --color-slate-300: #94a3b8;
  --color-slate-500: #64748b;
  --color-white: #ffffff;
  --color-brand: #2d71f5;
  --color-signal: #0f766e;
  --color-accent: #0f4c81;
  --color-border: rgba(15, 23, 42, 0.1);
  --gradient-hero: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  --gradient-brand: linear-gradient(120deg, #1d5fd8 0%, var(--color-brand) 42%, #6aa4f8 100%);
  --gradient-brand-text:
    radial-gradient(circle at 24% 18%, rgba(255, 255, 255, 0.72), transparent 18%),
    var(--gradient-brand);
  --shadow-brand-glow: 0 12px 24px rgba(45, 113, 245, 0.18);
  --shadow-card: 0 18px 45px rgba(15, 23, 42, 0.08);
  --radius-sm: 0.875rem;
  --radius-md: 1.5rem;
  --radius-lg: 2rem;
  --radius-pill: 999px;
  --font-body: "Inter", sans-serif;
  --font-display: "Inter", sans-serif;
  /* Font alternative:
  --font-body: "IBM Plex Sans", sans-serif;
  --font-display: "Space Grotesk", sans-serif;
  */
  --step--1: clamp(0.8125rem, 0.79rem + 0.14vw, 0.92rem);
  --step-0: clamp(0.95rem, 0.91rem + 0.18vw, 1.03rem);
  --step-1: clamp(1.05rem, 0.98rem + 0.34vw, 1.22rem);
  --step-2: clamp(1.35rem, 1.1rem + 0.95vw, 2rem);
  --step-3: clamp(2.1rem, 1.55rem + 1.7vw, 3.35rem);
  --shell-width: min(1180px, calc(100vw - 2rem));
  --section-space: clamp(4.5rem, 7vw, 7rem);
  --header-height: 4.75rem;
}