:root {
  --bg-page: #f8fafc;
  --bg-surface: #ffffff;
  --text-main: #0b1528;
  --text-muted: #64748b;
  --brand-blue: #2563eb;
  --brand-blue-soft: #eff6ff;
  --brand-blue-deep: #1d4ed8;
  --border-subtle: #e2e8f0;
  --radius-card: 24px;
  --radius-duo: 28px;
  --radius-pill: 999px;
  --radius-btn: 999px;
  --radius-input: 999px;
  --shadow-card: 0 15px 35px rgba(11, 21, 40, 0.04);
  --shadow-nav: 0 10px 25px rgba(0, 0, 0, 0.04);
  --color-error: #dc2626;
  --color-success: #2563eb;
  --font-display: "Plus Jakarta Sans", Inter, sans-serif;
  --font-body: Inter, "Plus Jakarta Sans", sans-serif;
  --header-offset: 12px;
  --header-bar: 56px;
  --header-height: 80px;
  --touch-min: 44px;
  --pad-x: clamp(1.15rem, 4.2vw, 4.75rem);
  --mobile-gutter: 1.25rem;
  --section-y: clamp(3.5rem, 7vw, 6.5rem);
  --container: 1200px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --fs-hero: clamp(2.15rem, 5.4vw, 4.35rem);
  --fs-h2: clamp(1.85rem, 3.6vw, 3.15rem);
  --fs-h3: clamp(1.15rem, 1.6vw, 1.45rem);
  --fs-body: clamp(0.98rem, 1.08vw, 1.08rem);
  --fs-small: 0.875rem;
  --lh-hero: 1.1;
  --lh-body: 1.65;
  --track-display: -0.03em;
  --z-base: 1;
  --z-sheet: 2;
  --z-nav: 40;
  --z-header: 50;
  --z-toggle: 60;
}

html {
  scroll-padding-top: calc(var(--header-height) + 0.75rem);
}