:root {
  --color-paper: oklch(97.5% 0.012 84);
  --color-paper-deep: oklch(93% 0.018 84);
  --color-ink: oklch(19% 0.018 78);
  --color-muted: oklch(43% 0.018 78);
  --color-line: oklch(76% 0.02 82);
  --color-accent: oklch(49% 0.16 32);
  --color-focus: oklch(49% 0.16 32);
  --color-error: oklch(48% 0.17 28);
  --color-success: oklch(39% 0.1 154);
  --color-overlay: oklch(14% 0.015 78 / 0.56);
  --font-display: "Tomorrow", sans-serif;
  --font-body: "IBM Plex Sans", sans-serif;
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 0.75rem;
  --space-lg: 1rem;
  --space-xl: 1.5rem;
  --space-2xl: 2.25rem;
  --space-3xl: 3.5rem;
  --space-4xl: 5.5rem;
  --space-5xl: 8rem;
  --page-gutter: clamp(1rem, 4vw, 4rem);
  --content-max: 96rem;
  --mobile-header-offset: 6.75rem;
  --duration-short: 180ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --shadow-paper: 0.22rem 0.22rem 0 var(--color-ink);
  --layer-navigation: 50;
  --layer-dialog: 55;
  --layer-skip-link: 60;
}