/* openlabelengine-web · tokens.css
   Übernommen aus dem Produkt: web/tokens.css (SSOT, Invariante 22).
   Font-Import zeigt auf die hier mitgeführte, verifizierte Font-Kopie (AB#482, OFL).
   Kein externer Abruf (E-5 / DSGVO). Thermal ist der EINZIGE Akzent. */
@import url('../fonts.css');

:root {
  --ink:#14140F; --paper:#FBFAF7; --surface:#FFFFFF; --line:#E7E4DB;
  --slate:#6E6C63; --slate-2:#98958A;
  --carbon:#1C1C17; --carbon-2:#26261F; --carbon-fg:#EDEBE4; --carbon-fg-2:#CFCDC2;
  --carbon-fg-3:#8F8D82; --carbon-line:#33322A;
  --thermal:#F0640C; --thermal-soft:#FDEBDD;
  --ok:#2E7D4F; --ok-soft:#E4F1E9; --ok-line:#CDE4D6;
  --warn:#B37F00; --warn-soft:#FBF3DD; --warn-line:#EBDCB2;
  --err:#C23B2B;
  --disp:'Space Grotesk',var(--sans); --sans:'IBM Plex Sans',system-ui,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
  --radius:10px;
  --shadow:0 1px 2px rgba(20,20,15,.05), 0 8px 28px rgba(20,20,15,.06);
  --focus:var(--thermal);
}

/* Dark Mode — Website-Kanon: Dark/Light nach Claude-Design */
[data-theme="dark"] {
  --paper:#14140F; --surface:#1C1C17; --line:#33322A; --ink:#EDEBE4;
  --slate:#98958A; --slate-2:#6E6C63;
  --shadow:0 1px 2px rgba(0,0,0,.25), 0 8px 28px rgba(0,0,0,.35);
}