/** GENERIERT von design/generate-tokens.mjs aus design/tokens.json — nicht von Hand aendern.
 * Quelle der Werte: ~/Desktop/imperax-admin-preview.html, Menue „Design-Palette“ (:root + Dunkelmodus-Bloecke)
 */

:root{
  /* Unschaerfe hinter allem, was die Seite ueberlagert (Regel 20) — ueberall gleich */
  --blur-back:blur(10px) saturate(120%);
  /* Farben: surface */
  --bg:#ffffff;--bg-sunken:#f5f5f7;--surface:#ffffff;--surface-hover:#f5f5f7;--surface-active:#ececf0;--chrome:#f5f5f7cc;--chrome-solid:#f5f5f7;
  /* Farben: ink */
  --ink:#1d1d1f;--ink-2:#5c5c61;--ink-3:#6e6e73;
  /* Farben: line */
  --line:#d2d2d7;--line-soft:#e8e8ed;--line-control:#8e8e93;
  /* Farben: accent */
  --accent:#0071e3;--accent-fill:#0071e3;--accent-fill-hover:#0062cc;--on-fill:#ffffff;--accent-soft:#e8f2fd;--link:#0066cc;--focus:#0071e3;
  /* Farben: status */
  --good:#1f7d35;--good-soft:#e8f6ec;--good-fill:#1f7d35;--warn:#b25000;--warn-soft:#fff8e6;--warn-fill:#b25000;--crit:#d70015;--crit-fill:#d70015;--crit-soft:#ffeff0;--info:#0066cc;--info-soft:#e8f2fd;
  /* Farben: neutral */
  --neutral-fill:#e8e8ed;--neutral-fill-hover:#dcdce1;--surface-2:#f5f5f7;--tile-bg:#fafafc;--tile-line:#e8e8ed;
  /* Farben: map */
  --map-bg:#eef0f3;--map-block:#e2e5ea;--map-road:#ffffff;--map-major:#f6d58e;--map-park:#cfe8cf;--map-water:#b9d7f2;
  /* Farben: brand */
  --brand-1:#0b5ed7;--brand-2:#7c5cff;--brand-3:#062a63;--metal-1:#e9d38a;--metal-2:#b8933d;--stripe:#111111;
  /* Farben: misc */
  --scrim:#00000066;--knob:#ffffff;--logo-bg:#ffffff;--scrollbar:rgba(128,128,128,.55);--scrollbar-hover:rgba(128,128,128,.8);
  /* Schrift: 7 Groessen, 3 Gewichte */
  --fs-micro:10px;--fs-caption:11px;--fs-small:12px;--fs-body:13px;--fs-title:15px;--fs-headline:17px;--fs-display:28px;
  --fw-regular:400;--fw-medium:500;--fw-semibold:600;
  /* Abstaende: 4er-Raster */
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;
  --pad-card:20px;--pad-inset:14px 16px;
  /* Hoehen: Bedienelemente nebeneinander immer gleich hoch */
  --h-control:32px;--h-control-sm:26px;--h-chip:22px;--h-badge:20px;
  /* Rundung: eine fuer alles, kleine Chips proportional */
  --topbar-h:48px;--radius:10px;--radius-chip:7px;--radius-s:var(--radius);--radius-m:var(--radius);--radius-l:var(--radius);
  /* Schatten, Schriften */
  --shadow-pop:0 4px 24px #0000001f,0 0 0 .5px #0000001a;
  --shadow-card:0 0 0 .5px #0000000f;
  --shadow-knob:0 1px 3px #00000033;
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Inter,"Segoe UI",Roboto,sans-serif;
  --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;
}

/* Dunkelmodus: nur die Tokens, die sich aendern — alles andere erbt vom :root-Block. */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#161617;--bg-sunken:#0a0a0b;--surface:#1d1d1f;--surface-hover:#2c2c2e;--surface-active:#3a3a3c;--chrome:#1d1d1fcc;--chrome-solid:#161617;
    --ink:#f5f5f7;--ink-2:#a1a1a6;--ink-3:#98989d;
    --line:#3a3a3c;--line-soft:#2c2c2e;--line-control:#6e6e73;
    --accent:#0a84ff;--accent-fill:#0b6fd8;--accent-fill-hover:#0a66c8;--accent-soft:#0a84ff26;--link:#409cff;--focus:#0a84ff;
    --good:#30d158;--good-soft:#30d15826;--good-fill:#1f7d35;--warn:#ff9f0a;--warn-soft:#ff9f0a26;--warn-fill:#a04800;--crit:#ff7b72;--crit-fill:#cf2a20;--crit-soft:#ff453a26;--info:#5fadff;--info-soft:#0a84ff26;
    --neutral-fill:#3a3a3c;--neutral-fill-hover:#48484a;--surface-2:#2a2a2d;--tile-bg:rgba(255,255,255,.035);--tile-line:rgba(255,255,255,.08);
    --map-bg:#1a1c20;--map-block:#22252a;--map-road:#363a41;--map-major:#5a5245;--map-park:#1d3123;--map-water:#1b2e43;
    --shadow-pop:0 4px 24px #00000080,0 0 0 .5px #ffffff1f;--shadow-card:0 0 0 .5px #ffffff14;
  }
}
:root[data-theme="dark"]{
  --bg:#161617;--bg-sunken:#0a0a0b;--surface:#1d1d1f;--surface-hover:#2c2c2e;--surface-active:#3a3a3c;--chrome:#1d1d1fcc;--chrome-solid:#161617;
  --ink:#f5f5f7;--ink-2:#a1a1a6;--ink-3:#98989d;
  --line:#3a3a3c;--line-soft:#2c2c2e;--line-control:#6e6e73;
  --accent:#0a84ff;--accent-fill:#0b6fd8;--accent-fill-hover:#0a66c8;--accent-soft:#0a84ff26;--link:#409cff;--focus:#0a84ff;
  --good:#30d158;--good-soft:#30d15826;--good-fill:#1f7d35;--warn:#ff9f0a;--warn-soft:#ff9f0a26;--warn-fill:#a04800;--crit:#ff7b72;--crit-fill:#cf2a20;--crit-soft:#ff453a26;--info:#5fadff;--info-soft:#0a84ff26;
  --neutral-fill:#3a3a3c;--neutral-fill-hover:#48484a;--surface-2:#2a2a2d;--tile-bg:rgba(255,255,255,.035);--tile-line:rgba(255,255,255,.08);
  --map-bg:#1a1c20;--map-block:#22252a;--map-road:#363a41;--map-major:#5a5245;--map-park:#1d3123;--map-water:#1b2e43;
  --shadow-pop:0 4px 24px #00000080,0 0 0 .5px #ffffff1f;--shadow-card:0 0 0 .5px #ffffff14;
}