/* ============================================================
   VetsLearn — Field Tools shared tokens + shell (v1)
   Single source: services/gateway/assets/sd-tools.css
   Every tool ships a byte-identical copy at public/sd-tools.css
   (enforced by services/gateway/test/tokens-sync.test.js).
   Amend the canonical file first, then re-copy to every tool.
   Brand: VetsLearn v1.1 (Bone / Ink / Rust) — src/styles/tokens.css
   ============================================================ */

:root {
  --bone: #EFEAE0;
  --bone-deep: #E6DFD0;
  --bone-line: #D4CCB8;
  --panel: #F4F0E7;
  --ink: #14181F;
  --ink-soft: #2D333D;
  --ink-mute: #5C6470;
  --accent: #B4421E;
  --accent-deep: #8E3015;
  --good: #4A7A44;
  --warn: #9A6A0B;
  --bad: #9E2B1E;
  --font-display: 'IBM Plex Sans Condensed', system-ui, sans-serif;
  --font-sans: 'IBM Plex Sans', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, Consolas, monospace;
  color-scheme: light;
}

/* ---- shared shell: top strip ---- */
.sd-strip { background: var(--ink); color: #B9C0CB; font-family: var(--font-mono); font-size: 11.5px; letter-spacing: .08em; display: flex; justify-content: space-between; gap: 16px; padding: 7px 16px; }
.sd-strip a { color: #E8E2D4; text-decoration: none; }
.sd-strip a:hover, .sd-strip a:focus-visible { color: #E8B49B; }

/* ---- shared shell: next-moves row ---- */
.sd-next { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; border-top: 1px solid var(--bone-line); margin-top: 2rem; padding: 14px 0 4px; }
.sd-next > span { font-family: var(--font-mono); font-size: 11px; letter-spacing: .1em; color: var(--ink-mute); }
.sd-next a { font-family: var(--font-mono); font-size: 11.5px; text-decoration: none; color: var(--accent-deep); border: 1px solid var(--bone-line); background: var(--panel); padding: 3px 9px; border-radius: 2px; }
.sd-next a:hover, .sd-next a:focus-visible { border-color: var(--accent); color: var(--accent); }