:root {
  --bg: #EAE4D6;
  --surface: #F3EEE2;
  --panel: #FBF9F3;
  --paper: #FBF7EC;
  --card: #FFFFFF;

  --ink: #2A2118;
  --ink-soft: #3E3125;
  --text: #594B3B;
  --text-dim: #7B6B58;
  --muted: #9A8A72;
  --faint: #B6A77E;
  --label: #8B7A5F;

  --gold: #D6A84F;
  --gold-deep: #9C6E1F;
  --gold-soft: #F5E7C8;
  --gold-line: #E8D1A1;
  --amber: #F6D77A;
  --cream: #FFF8E8;

  --line: #E0D6C0;
  --line-soft: #ECE4D2;
  --line-dash: #D8CCAE;
  --hair: rgba(42, 33, 24, .08);

  --ok: #4F8A5B;
  --ok-soft: #E6F2E7;
  --warn: #C47A2C;
  --bad: #B94A48;

  --ui: "Noto Serif SC", "Noto Serif", serif;
  --serif-cn: "Noto Serif SC", "Source Han Serif SC", serif;
  --mono: "Space Mono", ui-monospace, monospace;

  --fs-display: 40px;
  --fs-h1: 28px;
  --fs-h2: 20px;
  --fs-h3: 16px;
  --fs-body: 15px;
  --fs-read: 17px;
  --fs-sm: 13px;
  --fs-xs: 11.5px;
  --fs-label: 10px;

  --lh-tight: 1.2;
  --lh-normal: 1.6;
  --lh-read: 1.9;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;

  --r-sm: 8px;
  --r: 12px;
  --r-lg: 16px;
  --r-pill: 999px;

  --shadow-card: 0 18px 45px rgba(42, 33, 24, .08);
  --shadow-pop: 0 16px 32px rgba(42, 33, 24, .12);
  --shadow-float: 0 18px 50px rgba(42, 33, 24, .18);
  --measure: 680px;

  --paper-soft: var(--cream);
  --coffee: var(--ink);
  --coffee-soft: var(--ink-soft);
}