:root {
  --color-paper: #f4f0e6;
  --color-surface: #fffdf7;
  --color-ink: #10231c;
  --color-muted: #4f655c;
  --color-line: #cbd6c9;
  --color-signal: #c6f26a;
  --color-deep: #0e1713;
  --color-trace: #7aa28f;
  --color-clay: #e5dfd1;
  --color-alert: #d98a56;
  --color-shadow: rgb(14 23 19 / 12%);
  --font-display: Georgia, "Times New Roman", serif;
  --font-body: "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 7rem;
  --container: 73.75rem;
  --border-thin: 1px solid var(--color-line);
  --radius-small: 0.125rem;
  --radius-medium: 0.375rem;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 20rem; background: var(--color-paper); color: var(--color-ink); font-family: var(--font-body); line-height: 1.6; }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
::selection { background: var(--color-signal); color: var(--color-deep); }