:root {
  --color-paper: oklch(14% 0.026 48);
  --color-paper-raised: oklch(19% 0.028 48);
  --color-paper-soft: oklch(25% 0.032 48);
  --color-ink: oklch(96% 0.008 70);
  --color-ink-soft: oklch(77% 0.014 70);
  --color-muted: oklch(59% 0.018 70);
  --color-rule: oklch(47% 0.025 48 / 0.58);
  --color-accent: oklch(31% 0.082 48);
  --color-accent-ink: oklch(96% 0.008 70);
  --color-accent-bright: oklch(47% 0.118 48);
  --color-focus: oklch(76% 0.16 65);
  --color-glass: oklch(17% 0.025 48 / 0.66);
  --color-white: oklch(98% 0.003 70);
  --font-display: "Bodoni Moda", Georgia, serif;
  --font-body: "Manrope", Arial, sans-serif;
  --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; --space-3xl: 5rem; --space-4xl: 8rem; --space-5xl: 12rem;
  --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem; --text-lg: 1.25rem; --text-xl: 1.5rem; --text-2xl: clamp(2rem, 4vw, 3.6rem); --text-display: clamp(3.1rem, 7.7vw, 8rem); --text-display-s: clamp(2.8rem, 5.5vw, 6rem);
  --radius-sm: 0.875rem; --radius-md: 1.25rem; --radius-lg: 1.5rem; --radius-full: 999px;
  --dur-fast: 180ms; --dur-base: 400ms; --dur-slow: 800ms;
  --ease-out: cubic-bezier(.16, 1, .3, 1); --ease-in: cubic-bezier(.7, 0, .84, 0); --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --rule: 1px solid var(--color-rule);
}