:root {
  color-scheme: light;
  --paper: #f2ead9; --paper-raised: #fffaf0; --ink: #211d18; --muted: #6d6255;
  --line: #cbbda8; --line-strong: #857866; --accent: #a4472f; --accent-ink: #fffaf0;
  --teal: #246c68; --gold: #b98427; --danger: #9b332b; --success: #2e7049;
  --shadow: 0 18px 50px rgba(61, 45, 29, .14); --grain-opacity: .055;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #181713; --paper-raised: #24211b; --ink: #f2e8d5; --muted: #b9ad9b;
  --line: #4b4439; --line-strong: #817463; --accent: #e17452; --accent-ink: #1a110d;
  --teal: #67b5ab; --gold: #e1b45f; --danger: #ef8478; --success: #79be8d;
  --shadow: 0 20px 60px rgba(0, 0, 0, .35); --grain-opacity: .04;
}