:root {
  --color-page: #f8f7e0;
  --color-ink: #1c1c1c;
  --color-ink-muted: #3d3d3d;
  --color-ink-soft: #5a5a5a;
  --color-line: color-mix(in srgb, var(--color-ink) 8%, var(--color-page));
  --color-accent: #ff9a5c;
  --color-accent-hover: #f08545;
  --color-badge: #f2eed2;
  --color-badge-hover: #e4dcbc;
  --color-focus: #1c1c1c;

  --font-sans: "Noto Sans KR", "Apple SD Gothic Neo", sans-serif;

  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.0625rem;
  --text-lg: 1.25rem;

  --leading-tight: 1.12;
  --leading-snug: 1.4;
  --leading-normal: 1.7;
  --leading-relaxed: 1.8;

  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-7: 3.25rem;
  --space-8: 5rem;

  --radius-btn: 6px;
  --content-max: 68rem;
}