*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --amber: oklch(68% 0.18 58);
  --amber-dim: oklch(58% 0.14 58);
  --amber-bright: oklch(76% 0.19 60);
  --amber-pale: oklch(94% 0.06 60);
  --amber-deep: oklch(40% 0.12 55);
  --ink: oklch(16% 0.01 40);
  --ink-2: oklch(24% 0.01 40);
  --ink-3: oklch(36% 0.01 40);
  --smoke: oklch(97% 0.004 60);
  --smoke-2: oklch(94% 0.006 60);
  --parchment: oklch(97% 0.004 60);
  --border: oklch(88% 0.006 60);
  --border-strong: oklch(74% 0.008 60);
  --white: oklch(99.5% 0.002 60);
  --dark-1: oklch(22% 0.01 40);
  --dark-2: oklch(27% 0.012 40);
  --dark-3: oklch(32% 0.012 40);
  --section-dark: oklch(19% 0.015 38);
  --section-mid: oklch(26% 0.012 38);
  --font-display: 'Plus Jakarta Sans', sans-serif;
  --font-body: 'Plus Jakarta Sans', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}

html { scroll-behavior: smooth; }

body {
  font-family: var(--font-body);
  background: var(--parchment);
  color: var(--ink);
  font-size: 16px;
  line-height: 1.6;
  overflow-x: hidden;
}