:root {
  --color-paper: #FFF4ED;
  --color-paper-deep: #CBE5FD;
  --color-paper-soft: #CBE5FD;
  --color-hero: #9BB1EB;
  --color-hero-overlay: #9BB1EB00;
  --color-ink: #405B9A;
  --color-ink-soft: #4F68A6;
  --color-rule: #FFF4ED;
  --color-contrast: #FFF4ED;
  --color-accent: #FFF4ED;
  --color-accent-2: #CBE5FD;
  --color-light: #CBE5FD;
  --color-secondary: color-mix(in oklch, var(--color-paper) 86%, var(--color-light) 14%);
  --color-focus: #FFF4ED;
  --color-glass-fill: color-mix(in srgb, var(--color-paper) 14%, transparent);
  --color-glass-edge: color-mix(in srgb, var(--color-paper) 38%, transparent);
  --color-glass-shadow: color-mix(in srgb, var(--color-ink) 24%, transparent);
  --glass-blur: 12px;
  --font-display: "DM Serif Display", serif;
  --font-body: "Manrope", sans-serif;
  --font-copy: "DM Sans", sans-serif;
  --font-mono: "Space Mono", monospace;
  --space-1: 0.5rem; --space-2: 1rem; --space-3: 1.5rem; --space-4: 2rem; --space-5: 3rem; --space-6: 5rem; --space-7: 8rem;
  --radius-sm: 0.35rem;
  --dur-short: 220ms; --dur-long: 320ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}