:root {
  --color-paper: oklch(97.5% 0.009 132);
  --color-paper-2: oklch(99% 0.006 132);
  --color-paper-glass: oklch(99% 0.006 132 / 0.9);
  --color-paper-soft: oklch(96% 0.014 132 / 0.72);
  --color-paper-panel: oklch(98.5% 0.008 132 / 0.96);
  --color-ink: oklch(23% 0.022 132);
  --color-ink-soft: oklch(43% 0.024 132);
  --color-muted: oklch(54% 0.022 132);
  --color-rule: oklch(78% 0.021 132);
  --color-rule-soft: oklch(88% 0.014 132);
  --color-accent: oklch(52% 0.105 132);
  --color-accent-ink: oklch(98% 0.008 132);
  --color-focus: oklch(60% 0.19 132);
  --color-shadow: oklch(28% 0.025 132 / 0.16);
  --color-photo-wash: oklch(98% 0.008 132 / 0.2);
  --color-photo-edge: oklch(24% 0.02 132 / 0.14);
  --color-photo-base: oklch(20% 0.018 132);
  --color-clear: oklch(100% 0.006 132 / 0);

  --font-display: "Outfit", "Trebuchet MS", sans-serif;
  --font-editorial: "Bodoni Moda", "Times New Roman", serif;

  --text-xs: 0.7rem;
  --text-micro: 0.625rem;
  --text-sm: 0.8rem;
  --text-base: 1rem;

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --page-gutter: clamp(1rem, 2.8vw, 2.75rem);
  --header-height: 6.75rem;
  --header-height-mobile: 5.45rem;
  --footer-height: 2.75rem;
  --footer-height-mobile: 2.5rem;
  --caption-height: 8.25rem;
  --logo-band-height: 4.5rem;
  --logo-band-height-mobile: 3rem;
  --tap-target: 2.75rem;

  --rule-hair: 1px;
  --rule-strong: 2px;
  --rule-focus: 3px;
  --radius-sharp: 0px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --dur-fast: 160ms;
  --dur-ui: 260ms;
  --dur-scene: 900ms;
  --dur-load: 720ms;
  --dur-caption: 520ms;
  --dur-stagger: 80ms;
  --dur-gallery: 16s;
  --dur-dolly: 18s;
  --dur-light: 9s;
  --dur-arrow: 2.8s;
  --dur-curtain: 480ms;
  --dur-curtain-mobile: 220ms;
  --dur-logo: 220ms;
  --dur-logo-delay: 180ms;
  --dur-mobile-scene: 220ms;
  --dur-reduced: 120ms;
}