:root {
  --bg: #0a0a0a;
  --fg: #f5f5f0;
  --muted: #8a8a85;
  --tile-fill: #1a1a1a;

  --ease-cinema: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-snap: cubic-bezier(0.7, 0, 0.84, 0);
  --dur-hero: 2200ms;
  --dur-section: 1200ms;
  --dur-micro: 600ms;

  --pad-section: clamp(16px, 4vw, 96px);
  --gap-grid: clamp(16px, 2vw, 48px);

  --font-sans: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ease-cinema: linear;
    --ease-snap: linear;
    --dur-hero: 0ms;
    --dur-section: 0ms;
    --dur-micro: 0ms;
  }
  *, *::before, *::after {
    animation-duration: 0ms !important;
    transition-duration: 0ms !important;
  }
}