/*
 * Shared color roles. Keep brand surfaces separate from readable text colors.
 * Light contexts opt into ink/muted; legacy dark contexts retain their own text.
 * Pair contracts are checked by docs/tests/color-tokens.test.cjs.
 */
:root {
  --wj-color-paper: #ffffff;
  --wj-color-paper-soft: #faf9f7;
  --wj-color-ink: #1f2937;
  --wj-color-muted: #626874;
  --wj-color-link: #765b3b;
  --wj-color-link-hover: #574027;
  --wj-color-accent-surface: #d8c3a5;
  --wj-color-accent-hover: #c9b491;
  --wj-color-on-accent: #33291f;
  --wj-color-rose-surface: #b8898e;
  --wj-color-rose-hover: #c69ea2;
  --wj-color-on-rose: #2b1f22;
  --wj-color-focus: #48331f;
  --wj-color-control-border: #7b7f87;
}