:root {
  /* Colors */
  --color-bg: #ffffff;
  --color-surface: #f0ede8;
  --color-text: #1c1b19;
  --color-text-muted: #8a8880;
  --color-text-sub: #5a5854;
  --color-point: #4a4844; /* dark gray accent: labels, section numbers, callout bar */
  --color-accent: #1c1b19;
  --color-border: #e2dfd9;

  /* Typography */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'DM Mono', 'Noto Sans KR', 'Courier New', monospace;
  --font-korean: 'Noto Sans KR', sans-serif;
  --font-title: 'Noto Serif KR', serif;

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;

  /* Radius */
  --radius-sm: 1px;
  --radius-md: 2px;

  /* Layout */
  --max-width: 1030px;
  --content-width: 660px;
  --nav-height: 60px;
}