/* Layout: a lab bench viewport on the left, a study column on the right; stacks on phones.
   Palette comes from the bench itself: grey-green enamel, bakelite black, lead colours. */
:root {
  --bg: #eef0ec;          /* page ground, enamel grey-green */
  --surface: #ffffff;     /* cards, tables */
  --surface-2: #f6f7f4;   /* table stripes, inset areas */
  --ink: #182024;         /* primary text */
  --muted: #58646a;       /* secondary text */
  --line: #d3d8d2;        /* hairlines */
  --accent: #0d6a72;      /* one accent: instrument teal */
  --accent-ink: #ffffff;
  --accent-soft: rgba(13, 106, 114, .10);
  --lead-red: #c2302a;    /* + side lead */
  --lead-black: #23282b;  /* − side lead */
  --lead-yellow: #c99400; /* voltmeter leads */
  --good: #2c7a4b;
  --warn: #b25b12;
  --paper: #fbfaf5;       /* protocol paper */
  --pencil: #1f3f8a;      /* handwriting ink */
  --viewport: #1c2226;    /* behind the 3D canvas */

  --f-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --f-body: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --f-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --f-hand: "Caveat", "Segoe Print", "Bradley Hand", cursive;

  --r-s: 6px; --r-m: 10px;
  --t-xs: .75rem; --t-s: .875rem; --t-m: 1rem; --t-l: 1.25rem; --t-xl: 1.75rem;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #101416; --surface: #182024; --surface-2: #1d262a; --ink: #e6ebe8; --muted: #9aa6aa;
    --line: #2a3438; --accent: #52b3ba; --accent-ink: #081214; --accent-soft: rgba(82, 179, 186, .14);
    --lead-red: #e0574f; --lead-black: #9aa3a8; --lead-yellow: #e2b52c; --good: #5fbf85; --warn: #e28a44;
    --paper: #f3f1e8; --pencil: #1f3f8a; --viewport: #0b0e10;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #101416; --surface: #182024; --surface-2: #1d262a; --ink: #e6ebe8; --muted: #9aa6aa;
  --line: #2a3438; --accent: #52b3ba; --accent-ink: #081214; --accent-soft: rgba(82, 179, 186, .14);
  --lead-red: #e0574f; --lead-black: #9aa3a8; --lead-yellow: #e2b52c; --good: #5fbf85; --warn: #e28a44;
  --paper: #f3f1e8; --pencil: #1f3f8a; --viewport: #0b0e10;
  color-scheme: dark;
}