:root {
  color-scheme: light;
  --color-paper: oklch(97.2% 0.011 85);
  --color-paper-2: oklch(94% 0.017 82);
  --color-paper-3: oklch(90% 0.022 80);
  --color-card: oklch(99.2% 0.004 85);
  --color-ink: oklch(23% 0.014 50);
  --color-muted: oklch(47% 0.016 55);
  --color-rule: oklch(87% 0.018 75);
  --color-hole: oklch(82% 0.02 72);
  --color-accent: oklch(53% 0.185 28);
  --color-accent-hover: oklch(47% 0.175 28);
  --color-accent-ink: oklch(98.5% 0.008 85);
  --color-accent-soft: oklch(93% 0.035 35);
  --color-focus: var(--color-accent);
  --color-shadow: oklch(23% 0.014 50 / 0.12);
  --color-backdrop: oklch(23% 0.014 50 / 0.55);
  --color-error: oklch(50% 0.18 28);
  --color-template: oklch(88% 0.004 250);
  --color-template-2: oklch(80% 0.005 250);
  --color-template-3: oklch(93% 0.003 250);
  --color-template-dark: oklch(30% 0.006 250);
  --color-template-dark-2: oklch(40% 0.007 250);
  --color-template-dark-3: oklch(24% 0.005 250);
  --color-shot-dark: oklch(20% 0.006 250);
  --font-display: 'Literata', Georgia, serif;
  --font-body: 'Manrope', system-ui, sans-serif;
  --space-2xs: .25rem;
  --space-xs: .5rem;
  --space-sm: .75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 8rem;
  --text-xs: .8125rem;
  --text-sm: .9375rem;
  --text-base: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: clamp(1.5rem, 2.2vw, 2rem);
  --text-section: clamp(2.2rem, 4.6vw, 4rem);
  --text-display: clamp(2.6rem, 6.2vw, 5.6rem);
  --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);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long: 480ms;
  --dur-loop: 5s;
  --rule-thin: 1px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;
}