/* Hallmark v2 · theme: Console (graphite) · genre: modern-minimal · shape: app screen · signature: 3D breadboard whose pins match the DC netlist · deal: manual */
/* critique: product-first instrument bench; measured values use cool blue, actions use amber, and the physical board carries the scene. */
:root {
  --color-paper: oklch(17% 0.008 250);
  --color-paper-2: oklch(21% 0.009 250);
  --color-paper-3: oklch(13.5% 0.007 250);
  --color-ink: oklch(95% 0.005 250);
  --color-ink-2: oklch(83% 0.008 250);
  --color-muted: oklch(71% 0.01 250);
  --color-rule: oklch(31% 0.01 250);
  --color-rule-2: oklch(42% 0.012 250);
  --color-accent: oklch(82% 0.15 80);
  --color-accent-ink: oklch(18% 0.04 75);
  --color-accent-soft: oklch(29% 0.05 80);
  --color-focus: oklch(82% 0.15 80);
  --color-cool: oklch(77% 0.12 245);
  --color-cool-soft: oklch(29% 0.05 245);
  --color-ok: oklch(76% 0.15 150);
  --color-ok-soft: oklch(24.5% 0.03 150);
  --color-bad: oklch(70% 0.17 25);
  --color-bad-soft: oklch(24.5% 0.035 25);
  --font-display: "Host Grotesk", "Sarabun", system-ui, sans-serif;
  --font-body: "Host Grotesk", "Sarabun", system-ui, sans-serif;
  --font-measure: "Atkinson Hyperlegible Mono", "Sarabun", ui-monospace, monospace;
  --radius-panel: 10px;
  --radius-control: 6px;
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 16px;
  --text-lg: 19px;
  --text-xl: 23px;
  --text-2xl: 28px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-short: 220ms;

  --scene-floor: #20272c;
  --scene-board: #e7e4dc;
  --scene-board-edge: #c7c3ba;
  --scene-groove: #c6c2ba;
  --scene-hole: #28323a;
  --scene-metal: #b6bdc0;
  --scene-metal-light: #e0e2df;
  --scene-chip: #20272b;
  --scene-chip-mark: #dce0df;
  --scene-accent: #d3a746;
  --scene-resistor: #d8c69e;
  --scene-ldr: #b87a3f;
  --scene-to220: #37444b;
  --scene-motor: #9da6a8;
  --scene-meter: #2c3538;
  --scene-label: #697378;
  --scene-screen: #9bb7a1;
  --wire-red: #c74f4a;
  --wire-black: #272d32;
  --wire-blue: #4f7f9e;
  --wire-green: #5d8767;
  --wire-yellow: #d4ae56;
  --wire-white: #e2ded3;
  --rail-red: #bf4c47;
  --rail-blue: #527e9d;
  --band-black: #292827;
  --band-brown: #82513b;
  --band-red: #ba4e49;
  --band-orange: #cc7a3d;
  --band-yellow: #d6b752;
  --band-green: #648461;
  --band-blue: #557da0;
  --band-violet: #826991;
  --band-grey: #899095;
  --band-white: #e9e4da;
  --band-gold: #c2a354;
  --band-silver: #aab0b0;
}