/* The Local Mission — Trading Post (the only theme). */
:root,
[data-theme="tradingpost"] {
  --font-outfit: Cabin, "Segoe UI", sans-serif;
  --font-fraunces: Jost, "Segoe UI", sans-serif;
  --font-serif-accent: "Instrument Serif", Georgia, serif;
  --tp-sand: #f5efe4;
  --tp-red: #c2432b;
  --tp-gold: #e0a526;
  --tp-sage: #3f6b4f;
  --bg: #ffffff;
  --bg-deep: #f5efe4;
  --ink: #22201c;
  --ink-soft: #4a463f;
  --muted: #6f6a62;
  --line: #e6e0d5;
  --surface: #ffffff;
  --surface-solid: #ffffff;
  --accent: #1f1d1a;
  --accent-strong: #000000;
  --on-accent: #ffffff;
  --brand: #3f6b4f;
  --brand-strong: #2f5240;
  --brand-glow: #cfe0d3;
  --sun: #e0a526;
  --sky: #3f6b4f;
  --hero-ink: #22201c;
  --paper: #ffffff;
  --paper-deep: #ffffff;
  --paper-lit: #ffffff;
  --paper-mid: #f5efe4;
  --paper-shade: #f5efe4;
  --paper-open: #ffffff;
  --paper-open-lit: #ffffff;
  --paper-open-deep: #ffffff;
  --page-edge: #e6e0d5;
  --page-edge-deep: #e6e0d5;
  --page-stack: #f5efe4;
  --atelier: #ffffff;
  --atelier-mid: #ffffff;
  --atelier-deep: #ffffff;
  --atelier-well: #ffffff;
  --body-bg: #ffffff;
  --wood-deep: #e6e0d5;
  --wood: #ffffff;
  --wood-mid: #f5efe4;
  --wood-light: #e6e0d5;
  --wood-highlight: #3f6b4f;
  --plaque-name: #22201c;
  --plaque-name-hover: #3f6b4f;
  --brass: #e0a526;
  --danger: #c2432b;
  --danger-strong: #9c3522;
  --on-danger: #ffffff;
  --danger-soft: #fbeae6;
  --facing-tip-ink: #22201c;
  --facing-tip-paper: #ffffff;
  --glow-ink: #22201c;
  --sun-lit: #ffffff;
  --sun-wash: #ffffff;
  --sun-glow: #ffffff;
  --gold-hot: #f5efe4;
  --gold-mid: #e0a526;
  --gold-deep: #c48d17;
  --gold-dust: #f5efe4;
  --cream: #ffffff;
  --cream-warm: #f5efe4;
  --cream-lit: #ffffff;
  --leaf: #cfe0d3;
  --atelier-mist: #ffffff;
  --atelier-floor: #ffffff;
  --shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  --overlay: 34, 32, 28;
  --neon: 63, 107, 79;
  --leather: 230, 224, 213;
  --grove: 63, 107, 79;
  --ink-rgb: 34, 32, 28;
  --ink-deep-rgb: 34, 32, 28;
  --shade-rgb: 34, 32, 28;
  --shade-deep-rgb: 34, 32, 28;
  --shade-cool-rgb: 34, 32, 28;
  --binding-rgb: 230, 224, 213;
  --page-line-rgb: 230, 224, 213;
  --help-ink-rgb: 74, 70, 63;
  --help-focus-rgb: 31, 29, 26;
  --mark-rgb: 63, 107, 79;
  --hero-shade-rgb: 34, 32, 28;
  --paper-rgb: 255, 255, 255;
  --paper-soft-rgb: 245, 239, 228;
  --sun-rgb: 224, 165, 38;
  --sheen-rgb: 255, 255, 255;
  /* Tokens added for dark mode (light values match the old hardcoded colors) */
  --field-line: #d9d2c5;
  --chip-line: #cccccc;
  --mascot-body: #22201c;
  --mascot-eye: #f5efe4;
  --mascot-edge: #ffffff;
  --brand-mark: #22201c;
  color-scheme: light;
}

/* —— Dark mode: warm dark Trading Post. Set on <html data-mode="dark"> by chrome.js
   (saved choice, else the OS prefers-color-scheme setting). —— */
html[data-mode="dark"] {
  color-scheme: dark;
  --tp-sand: #2c2823;
  --tp-red: #e8735b;
  --tp-gold: #e8b23f;
  --tp-sage: #8cbb98;
  --bg: #1a1815;
  --bg-deep: #2c2823;
  --ink: #f2ece1;
  --ink-soft: #d6cfc2;
  --muted: #a8a094;
  --line: #3a352e;
  --surface: #24211d;
  --surface-solid: #24211d;
  --accent: #f2ece1;
  --accent-strong: #ffffff;
  --on-accent: #1a1815;
  --brand: #8cbb98;
  --brand-strong: #a9cfb3;
  --brand-glow: #2f4536;
  --sun: #e8b23f;
  --sky: #8cbb98;
  --hero-ink: #f2ece1;
  --paper: #1a1815;
  --paper-deep: #1a1815;
  --paper-lit: #24211d;
  --paper-mid: #2c2823;
  --paper-shade: #2c2823;
  --paper-open: #24211d;
  --paper-open-lit: #24211d;
  --paper-open-deep: #1a1815;
  --page-edge: #3a352e;
  --page-edge-deep: #3a352e;
  --page-stack: #2c2823;
  --atelier: #1a1815;
  --atelier-mid: #1a1815;
  --atelier-deep: #1a1815;
  --atelier-well: #24211d;
  --body-bg: #1a1815;
  --wood-deep: #3a352e;
  --wood: #24211d;
  --wood-mid: #2c2823;
  --wood-light: #3a352e;
  --wood-highlight: #8cbb98;
  --plaque-name: #f2ece1;
  --plaque-name-hover: #8cbb98;
  --brass: #e8b23f;
  --danger: #e8735b;
  --danger-strong: #f29a86;
  --on-danger: #1a1815;
  --danger-soft: #3d241e;
  --facing-tip-ink: #f2ece1;
  --facing-tip-paper: #24211d;
  --glow-ink: #f2ece1;
  --sun-lit: #24211d;
  --sun-wash: #24211d;
  --sun-glow: #24211d;
  --gold-hot: #2c2823;
  --gold-mid: #e8b23f;
  --gold-deep: #f0c35e;
  --gold-dust: #2c2823;
  --cream: #24211d;
  --cream-warm: #2c2823;
  --cream-lit: #24211d;
  --leaf: #2f4536;
  --atelier-mist: #1a1815;
  --atelier-floor: #1a1815;
  --shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
  --overlay: 10, 9, 8;
  --neon: 140, 187, 152;
  --leather: 58, 53, 46;
  --grove: 140, 187, 152;
  --ink-rgb: 242, 236, 225;
  --ink-deep-rgb: 242, 236, 225;
  --shade-rgb: 0, 0, 0;
  --shade-deep-rgb: 0, 0, 0;
  --shade-cool-rgb: 0, 0, 0;
  --binding-rgb: 58, 53, 46;
  --page-line-rgb: 58, 53, 46;
  --help-ink-rgb: 214, 207, 194;
  --help-focus-rgb: 242, 236, 225;
  --mark-rgb: 140, 187, 152;
  --hero-shade-rgb: 10, 9, 8;
  --paper-rgb: 36, 33, 29;
  --paper-soft-rgb: 44, 40, 35;
  --sun-rgb: 232, 178, 63;
  --sheen-rgb: 255, 255, 255;
  --field-line: #4d463c;
  --chip-line: #4d463c;
  --mascot-body: #efe4d0;
  --mascot-eye: #1a1815;
  --mascot-edge: #1a1815;
  --brand-mark: #f2ece1;
}