:root {
  --color-bg: oklch(18% 0.018 55);
  --color-bg-deep: oklch(14% 0.014 55);
  --color-surface: oklch(23% 0.022 55);
  --color-surface-raised: oklch(27% 0.027 55);
  --color-text: oklch(92% 0.025 74);
  --color-muted: oklch(75% 0.027 70);
  --color-faint: oklch(63% 0.025 65);
  --color-action: oklch(64% 0.135 42);
  --color-action-hover: oklch(70% 0.14 42);
  --color-action-ink: oklch(19% 0.03 43);
  --color-border: oklch(39% 0.035 55);
  --color-border-strong: oklch(51% 0.055 51);
  --color-success: oklch(72% 0.09 145);
  --color-focus: oklch(78% 0.12 75);
  --color-shadow: oklch(8% 0.01 55 / 45%);

  --font-display: Georgia, "Times New Roman", serif;
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --type-display: clamp(3.4rem, 1.7rem + 6vw, 6.5rem);
  --type-display-mobile: clamp(3rem, 16vw, 4.8rem);
  --type-section: clamp(2rem, 1.45rem + 2.2vw, 3.5rem);
  --type-card: clamp(1.5rem, 1.25rem + 0.7vw, 2rem);
  --type-lead: clamp(1.05rem, 0.98rem + 0.3vw, 1.25rem);
  --type-body: 1rem;
  --type-small: 0.875rem;
  --type-label: 0.75rem;
  --type-brand: 1.35rem;
  --type-timer: clamp(3rem, 8vw, 5rem);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 5rem;
  --space-10: 6rem;
  --space-11: 8rem;

  --container: 76rem;
  --copy: 44rem;
  --section-copy: 52rem;
  --hero-panel-min: 22rem;
  --demo-copy-min: 15rem;
  --stage-min-height: 22rem;
  --workflow-number-width: 2rem;
  --workflow-number-width-mobile: 1.5rem;
  --result-label-width: 5rem;
  --gutter: clamp(1rem, 4vw, 3.5rem);
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --control-height: 2.75rem;
  --border: 0.0625rem;
  --focus-width: 0.1875rem;
  --shadow-demo: 0 0.5rem 0 var(--color-shadow);
  --duration-fast: 180ms;
  --duration-demo: 620ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}