:root {
  color-scheme: dark;

  --bg: #0e0e10;
  --bg-elevated: #17171a;
  --fg: #f2efe9;
  --fg-muted: #a3a0a8;
  --accent-hero: #ff5a36;
  --accent: #14b8a6;
  --accent-text: #5eead4;

  --font-display: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-hero: clamp(2.75rem, 8vw, 7.5rem);
  --fs-company: clamp(2.5rem, 10vw, 9rem);
  --fs-section: clamp(1.25rem, 1rem + 1vw, 1.75rem);
  --fs-body: clamp(1rem, 0.95rem + 0.3vw, 1.2rem);
  --fs-small: 0.875rem;

  --gutter: 1rem;
  --space-section: clamp(4rem, 10vw, 9rem);
  --container-max: 1200px;
  --header-height: 4.5rem;
  --header-height-small: 3.5rem;

  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --reveal-duration: 600ms;
}

@media (min-width: 640px) {
  :root {
    --gutter: 1.5rem;
  }
}

@media (min-width: 1024px) {
  :root {
    --gutter: 2rem;
  }
}