:root {
  --pr-black: #0a0a0a;
  --pr-surface: #111111;
  --pr-border: #1e1e1e;
  --pr-purple: #5b2d8e;
  --pr-purple-soft: #7b4db8;
  --pr-white: #f5f5f5;
  --pr-muted: #6b6b6b;

  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "Inter", system-ui, sans-serif;

  --section-padding: clamp(80px, 10vw, 140px);
  --content-max: 1200px;
  --ratio-collage: 8 / 10;
  --gutter: 40px;
  --nav-height: 72px;

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

@media (max-width: 767px) {
  :root {
    --gutter: 24px;
  }
}