:root {
  --bg: #faf8f5;
  --bg-soft: #f0ebe3;
  --card: #ffffff;
  --ink: #1a1410;
  --ink-secondary: #6b5e52;
  --ink-tertiary: #a89888;
  --accent: #c9956a;
  --accent-light: #e8c4a0;
  --accent-pressed: #a87550;
  --separator: #e8e0d6;
  --success: #7bae7f;
  --warning: #e8a84c;
  --error: #d4654a;
  --stage: #171513;
  --stage-soft: #26211d;
  --stage-line: rgba(255, 255, 255, 0.14);
  --shadow-1: 0 8px 22px rgba(92, 61, 30, 0.10);
  --shadow-2: 0 18px 48px rgba(26, 20, 16, 0.18);
  --shadow-3: 0 28px 80px rgba(26, 20, 16, 0.28);
  --r-sm: 8px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;
}

* {
  box-sizing: border-box;
}

html {
  background: var(--bg);
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Hiragino Sans GB", sans-serif;
  line-height: 1.5;
}

body {
  margin: 0;
  background: var(--bg);
}

a {
  color: inherit;
}

button {
  font: inherit;
}

code {
  padding: 2px 6px;
  border-radius: 6px;
  background: rgba(201, 149, 106, 0.12);
  color: var(--accent-pressed);
}