:root {
  --bg: #ffffff;
  --surface: #f6f6f6;
  --text: #121212;
  --text-muted: #6a6a6a;
  --line: #e6e6e6;
  --accent: #e10600;
  --frame-gap: clamp(0.625rem, 1.5vw, 1.625rem);
  --bg-stroke: #dcdcdc;
  --bg-accent: var(--accent);

  --font-display: "Manrope", "Segoe UI", sans-serif;
  --font-body: "Inter", "Segoe UI", sans-serif;

  --text-display: clamp(3.25rem, 7vw, 6.75rem);
  --text-h1: clamp(2.4rem, 4.6vw, 4.25rem);
  --text-h2: clamp(1.85rem, 3.2vw, 2.85rem);
  --text-h3: clamp(1.4rem, 2.2vw, 1.9rem);
  --text-h4: clamp(1.1rem, 1.5vw, 1.3rem);
  --text-body: clamp(1rem, 0.15vw + 0.96rem, 1.125rem);
  --text-small: clamp(0.75rem, 0.1vw + 0.72rem, 0.8125rem);

  --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: 4.5rem;
  --space-9: 6.5rem;
  --space-10: 8.5rem;

  --gutter: clamp(1.25rem, 4vw, 2rem);
  --container: 80rem;
  --section-pad: clamp(4.5rem, 9vw, 7.5rem);
  --header-h: 4.5rem;

  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(18, 18, 18, 0.04);
  --shadow-md: 0 10px 28px rgba(18, 18, 18, 0.05);

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 0.2s;
  --dur-base: 0.45s;
  --dur-slow: 0.9s;

  --icon-sm: 1rem;
  --icon-md: 1.25rem;
  --icon-lg: 1.5rem;

  --wheel-size: min(78vw, 44rem);
  --wheel-top: -10vh;
  --wheel-right: -15vw;
  --orb-size: min(58vw, 36rem);
  --orb-top: 42vh;
  --orb-left: -11vw;
  --wheel-idle-speed: 78;
  --wheel-tread-speed: 150;
  --wheel-tracer-speed: 14;
  --orb-breath-duration: 8;
  --orb-orbit-speed: 20;
  --orb-ripple-interval: 10;
}