:root {
  --ds-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --ds-bg: #ffffff;
  --ds-surface: #ffffff;
  --ds-ink: #101114;
  --ds-muted: #5f636b;
  --ds-muted-light: #9aa0aa;
  --ds-soft: #f4f5f7;
  --ds-line: #e2e5ea;
  --ds-accent: #ff7a00;
  --ds-accent-soft: #fff1e3;

  --ds-radius-sm: 6px;
  --ds-radius-md: 8px;
  --ds-radius-pill: 999px;

  --ds-space-1: 8px;
  --ds-space-2: 12px;
  --ds-space-3: 16px;
  --ds-space-4: 20px;
  --ds-space-5: 24px;
  --ds-space-6: 32px;
  --ds-space-7: 40px;
  --ds-space-8: 56px;

  --ds-page-max: 1120px;
  --ds-page-gutter: clamp(20px, 4vw, 48px);
  --ds-section-gap: clamp(52px, 7vw, 88px);
  --ds-header-height: 48px;
  --ds-hero-width: 900px;
  --ds-text-width: 700px;
  --ds-card-text-width: 720px;

  --ds-title: clamp(42px, 8vw, 92px);
  --ds-heading: clamp(28px, 4vw, 44px);
  --ds-card-title: 24px;
  --ds-lead: clamp(18px, 2vw, 24px);
  --ds-body: 17px;
  --ds-note: 14px;

  --ds-leading-tight: 0.96;
  --ds-leading-body: 1.55;
  --ds-tracking: 0;
}

* {
  box-sizing: border-box;
}

html {
  background: var(--ds-bg);
  color: var(--ds-ink);
  font-family: var(--ds-font);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

body {
  margin: 0;
  min-height: 100vh;
  background: var(--ds-bg);
  color: var(--ds-ink);
  -webkit-font-smoothing: antialiased;
}

a {
  color: inherit;
}

button,
input,
textarea,
select {
  font: inherit;
}