/* ERZEUGT von tools/sync-ci.py aus haseloer-ci/tokens.json -- nicht von Hand aendern. */

@font-face {
  font-family: "Haseloer Trace";
  src: url("/__floi/fonts/HaseloerTrace-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Haseloer Trace";
  src: url("/__floi/fonts/HaseloerTrace-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Haseloer Text";
  src: url("/__floi/fonts/HaseloerText-Variable.woff2") format("woff2");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light dark;
  --hl-papier: #ffffff;
  --hl-rackblech: #e3e6ea;
  --hl-kobalt-hell: #dde1ff;
  --hl-tinte: #14183d;
  --hl-leitung: #565c74;
  --hl-kobalt: #2332d1;
  --hl-kobalt-text: #2332d1;
  --hl-auf-kobalt: #ffffff;
  --hl-signal: #ff4f9a;
  --hl-linie: #c4c8d2;
  --hl-ampel-kritisch: #7a0b2b;
  --hl-auf-ampel-kritisch: #ffffff;
  --hl-ampel-hoch: #c2410c;
  --hl-auf-ampel-hoch: #ffffff;
  --hl-ampel-mittel: #f5b700;
  --hl-auf-ampel-mittel: #14183d;
  --hl-ampel-niedrig: #c6daff;
  --hl-auf-ampel-niedrig: #14183d;
  --hl-ampel-ok: #bde5d3;
  --hl-auf-ampel-ok: #14183d;
  --hl-space-1: 4px;
  --hl-space-2: 8px;
  --hl-space-3: 16px;
  --hl-space-4: 24px;
  --hl-space-5: 40px;
  --hl-space-6: 64px;
  --hl-font-trace: "Haseloer Trace", "Haseloer Text", Arial, sans-serif;
  --hl-font-text: "Haseloer Text", Arial, "Helvetica Neue", sans-serif;
}

/* Rack-Theme (dunkel): nur die Tokens, die sich unterscheiden. kobalt bleibt als Flaeche gleich. */
@media (prefers-color-scheme: dark) {
  :root {
    --hl-papier: #14183d;
    --hl-rackblech: #1e2457;
    --hl-kobalt-hell: #262c6b;
    --hl-tinte: #f1f2f7;
    --hl-leitung: #a9aec8;
    --hl-kobalt-text: #9aa3ff;
    --hl-linie: #39407a;
  }
}