/* Hallmark · macrostructure: Letter / Long Document · tone: editorial spacious personal · anchor hue: ink-blue
 * theme: Webs by Peter · paper: warm ivory · display: Newsreader · body: Inter
 */
:root {
  --color-paper: oklch(96.5% 0.018 78);
  --color-paper-deep: oklch(91.5% 0.025 78);
  --color-ink: oklch(16% 0.018 250);
  --color-muted: oklch(43% 0.024 250);
  --color-soft: oklch(82% 0.018 78);
  --color-line: oklch(78% 0.018 78);
  --color-panel: oklch(98.5% 0.01 78);
  --color-accent: oklch(36% 0.12 238);
  --color-accent-soft: oklch(89% 0.04 238);
  --color-focus: oklch(52% 0.15 238);

  --font-display: 'Newsreader', Georgia, serif;
  --font-body: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4.5rem;
  --space-3xl: 7rem;
  --space-4xl: 11rem;
  --space-5xl: 15rem;

  --text-xs: clamp(0.78rem, 0.76rem + 0.08vw, 0.84rem);
  --text-sm: clamp(0.9rem, 0.86rem + 0.12vw, 0.98rem);
  --text-md: clamp(1rem, 0.96rem + 0.18vw, 1.12rem);
  --text-lg: clamp(1.2rem, 1.05rem + 0.52vw, 1.55rem);
  --text-xl: clamp(1.75rem, 1.25rem + 1.75vw, 2.9rem);
  --text-2xl: clamp(2.55rem, 1.5rem + 4.4vw, 6.25rem);
  --text-3xl: clamp(3.4rem, 1.55rem + 8.1vw, 10rem);

  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.875rem;
  --rule: 1px solid var(--color-line);
  --dur-fast: 160ms;
  --dur-base: 280ms;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
}