:root {
  --color-bg: #F7F5F0;
  --color-ink: #201f1d;
  --color-body: #4a4642;
  --color-muted: #948e84;
  --color-coral: #C9622C;
  --color-peach: #E8935F;
  --color-cream-band: #EFE3C8;
  --color-cream-band-text: #6b5f47;
  --color-postbody: #332f2a;
  --color-card-desc: #6b665f;
  --color-code-bg: #EDEAE2;
  --color-hairline: rgba(0, 0, 0, .08);

  --font-sans: 'Pretendard', system-ui, sans-serif;
  --font-mono: ui-monospace, Menlo, monospace;

  --radius-lg: 12px;
  --radius-md: 10px;
  --radius-xs: 2px;

  --space-page-x: clamp(16px, 4vw, 24px);
  --space-section-y: clamp(48px, 10vw, 96px);
  --space-header-y: clamp(20px, 4vw, 32px);

  --content-max: 1240px;
}