/*
 * Design tokens and base reset shared by the public tools page and the
 * Lab dashboard. Both are served by backend/api.py and link this file,
 * so a palette change lands on both at once.
 *
 * Page-specific rules stay in each page's own <style> block; a page
 * that needs a different value simply redeclares the token, as the Lab
 * does with --maxw.
 */

:root {
  --navy: #394a65;
  --navy-deep: #2b384e;
  --head: #394a65;
  --ink: #2f3a4b;
  --muted: #69788c;
  --faint: #95a1b2;
  --teal: #50c0ad;
  --blue: #66acde;
  --sky: #88d4e9;
  --bordeaux: #9e3d50;
  --amber: #c98a2a;
  --lime: #c9dd6c;
  --paper: #f6f8fa;
  --paper-cool: #f1f7fa;
  --white: #fff;
  --line: #e3e8ee;
  --line-soft: #edf1f5;
  --accent: #66acde;
  --accent-ink: #3a7cb5;
  --accent-soft: #e8f2fb;
  --head-font: "Spectral", Georgia, serif;
  --body-font: "IBM Plex Sans", system-ui, sans-serif;
  --mono-font: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --maxw: 860px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --head: #e7ecf2;
    --ink: #d5dbe4;
    --muted: #9aa7b8;
    --faint: #7e8da1;
    --amber: #dcae5c;
    --paper: #161c24;
    --paper-cool: #131a22;
    --white: #1e2632;
    --line: hsla(0, 0%, 100%, 0.12);
    --line-soft: hsla(0, 0%, 100%, 0.07);
    --accent-soft: rgba(102, 172, 222, 0.16);
  }
  body { background: #12171f; }
}

* { box-sizing: border-box; }

html { -webkit-font-smoothing: antialiased; }

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--body-font);
  line-height: 1.5;
}