:root {
  --font-heading: "Sora", "Avenir Next", "Segoe UI", sans-serif;
  --font-body: "Inter", "Segoe UI", Roboto, Arial, sans-serif;

  --color-text: #20313a;
  --color-primary: #0e202a;
  --color-header: #172b38;
  --color-accent: #d05a4f;
  --color-muted: #53636c;
  --color-subtle: #687780;
  --color-outline: #e3e7e9;
  --color-outline-strong: rgb(14 32 42 / 24%);
  --color-surface: #ffffff;
  --color-surface-soft: #f6f7f7;
  --color-focus: #2166d1;
  --color-on-dark: #ffffff;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-14: 3.5rem;
  --space-16: 4rem;
  --space-20: 5rem;

  --section-y: clamp(3.75rem, 7vw, 6.5rem);
  --page-x: clamp(1.25rem, 4vw, 3.5rem);
  --content-max: clamp(80rem, 86vw, 112rem);
  --measure: 65ch;
  --hero-video-opacity: 0.5;
  --trusted-logo-height-mobile: 4.875rem;

  --text-xs: 0.6875rem;
  --text-sm: 0.75rem;
  --text-body: clamp(1rem, 0.97rem + 0.14vw, 1.125rem);
  --text-lead: clamp(1.125rem, 0.98rem + 0.55vw, 1.5rem);
  --text-h3: clamp(1.5rem, 1.14rem + 0.8vw, 2.125rem);
  --text-h2: clamp(2.15rem, 1.45rem + 2vw, 3.35rem);
  --text-h1: clamp(2.65rem, 1.75rem + 2.8vw, 4.25rem);

  --radius-sm: 0.5rem;
  --radius-md: 0.875rem;
  --radius-lg: 1.25rem;
  --radius-xl: 1.5rem;
  --radius-pill: 999px;
  --shadow-card: 0 1rem 2.5rem rgb(12 18 28 / 9%);
  --shadow-soft: 0 0.375rem 1.25rem rgb(12 18 28 / 6%);
  --shadow-dialog: 0 2rem 6rem rgb(0 0 0 / 42%);

  --motion-fast: 180ms cubic-bezier(0.2, 0.7, 0.2, 1);
  --motion-base: 280ms cubic-bezier(0.2, 0.7, 0.2, 1);
  --motion-slow: 500ms cubic-bezier(0.2, 0.7, 0.2, 1);
}