:root {
  --color-bg: #f6f1e7;
  --color-ink: #1f1a14;
  --color-ink-soft: #4a4036;
  --color-rule: rgba(31, 26, 20, 0.18);
  --color-shade: rgba(31, 26, 20, 0.04);

  --color-layer-vocabulary: #5a7a9a;
  --color-layer-foreign:    #b08a3e;
  --color-layer-gifford:    #7a5a78;
  --color-layer-slote:      #4a7878;
  --color-layer-dolan:      #6a8a5a;

  --font-body: "Crimson Pro", Georgia, "Times New Roman", serif;
  --font-ui: "Inter", system-ui, -apple-system, sans-serif;

  --measure: 62ch;
  --space: 1rem;
}

[data-theme="dark"] {
  --color-bg: #16130e;
  --color-ink: #e8dfd1;
  --color-ink-soft: #b8aea0;
  --color-rule: rgba(232, 223, 209, 0.18);
  --color-shade: rgba(232, 223, 209, 0.04);
}

@media (prefers-color-scheme: dark) {
  [data-theme="system"] {
    --color-bg: #16130e;
    --color-ink: #e8dfd1;
    --color-ink-soft: #b8aea0;
    --color-rule: rgba(232, 223, 209, 0.18);
    --color-shade: rgba(232, 223, 209, 0.04);
  }
}