/* Theme „Professionell": ruhig, technisch, CAD-artig. Hell + Dunkel.
   --c-*-Tokens werden auch vom Canvas gelesen (camelCase-Token "wallFill" → --c-wall-fill). */

:root, :root[data-theme="light"] {
  --c-accent: #2563c9;
  --c-accent-strong: #1a4fa8;
  --c-accent-soft: rgb(37 99 201 / .16);
  --c-on-accent: #fff;

  --c-bg: #eceef1;
  --c-panel: #f7f8fa;
  --c-panel-2: #ffffff;
  --c-border: #d5d9df;
  --c-border-strong: #b7bec8;
  --c-text: #1d232b;
  --c-text-muted: #5f6b7a;
  --c-hover: rgb(20 30 45 / .06);
  --c-active: rgb(20 30 45 / .1);
  --c-input: #ffffff;

  /* Canvas */
  --c-canvas: #fbfcfd;
  --c-grid: #eef0f3;
  --c-grid-major: #dde1e7;
  --c-ruler: #f1f3f6;
  --c-ruler-line: #c9cfd7;
  --c-ruler-text: #6b7684;
  --c-floor: #ffffff;
  --c-wall: #20262e;
  --c-wall-fill: #8b939e;
  --c-door: #20262e;
  --c-door-swing-fill: rgb(37 99 201 / .05);
  --c-window: #2a7fb8;
  --c-window-fill: #e8f2f9;
  --c-fixture: #6b5b3e;
  --c-fixture-fill: #efe8da;
  --c-zone: #c2410c;
  --c-zone-fill: rgb(234 88 12 / .07);
  --c-shelf: #3a4350;
  --c-shelf-fill: #e3e7ec;
  --c-shelf-fill-high: rgb(160 172 186 / .25);
  --c-shelf-front: #1d232b;
  --c-shelf-inner: #9aa4b1;
  --c-shelf-text: #1d232b;
  --c-shelf-body: #c5ccd5;
  --c-shelf-plinth: #aeb6c1;
  --c-shelf-back: #f0f2f5;
  --c-shelf-open: #fbfcfd;
  --c-slot-hover: rgb(37 99 201 / .1);
  --c-item-stroke: rgb(20 25 35 / .55);
  --c-label-fill: rgb(255 255 255 / .82);
  --c-label-text: #1d232b;
  --c-dim: #4b5563;
  --c-dim-text: #1f2937;
  --c-sel: #2563c9;
  --c-sel-fill: rgb(37 99 201 / .1);
  --c-handle-fill: #ffffff;
  --c-guide: #db2777;
  --c-highlight: #e11d48;
  --c-warn: #c27803;
  --c-error: #d92d20;
  --c-on-error: #ffffff;
  --c-ok: #15803d;
  --c-hit-fill: rgba(0, 0, 0, 0.001);
  color-scheme: light;
}

:root[data-theme="dark"] {
  --c-accent: #5b9bff;
  --c-accent-strong: #84b4ff;
  --c-accent-soft: rgb(91 155 255 / .2);
  --c-on-accent: #0b1220;

  --c-bg: #15181d;
  --c-panel: #1c2027;
  --c-panel-2: #232831;
  --c-border: #2e3540;
  --c-border-strong: #424b58;
  --c-text: #e4e8ee;
  --c-text-muted: #95a0ae;
  --c-hover: rgb(255 255 255 / .05);
  --c-active: rgb(255 255 255 / .09);
  --c-input: #14171c;

  --c-canvas: #101317;
  --c-grid: #191d23;
  --c-grid-major: #232932;
  --c-ruler: #1a1e24;
  --c-ruler-line: #2e3540;
  --c-ruler-text: #8994a3;
  --c-floor: #181c22;
  --c-wall: #d5dbe3;
  --c-wall-fill: #5d6673;
  --c-door: #d5dbe3;
  --c-door-swing-fill: rgb(91 155 255 / .06);
  --c-window: #6cb6e8;
  --c-window-fill: #1a2a36;
  --c-fixture: #cdb88f;
  --c-fixture-fill: #2d2820;
  --c-zone: #fb923c;
  --c-zone-fill: rgb(251 146 60 / .08);
  --c-shelf: #aab4c2;
  --c-shelf-fill: #262c35;
  --c-shelf-fill-high: rgb(120 132 148 / .18);
  --c-shelf-front: #e4e8ee;
  --c-shelf-inner: #5d6775;
  --c-shelf-text: #e4e8ee;
  --c-shelf-body: #4a5361;
  --c-shelf-plinth: #3a424e;
  --c-shelf-back: #1b2027;
  --c-shelf-open: #101317;
  --c-slot-hover: rgb(91 155 255 / .14);
  --c-item-stroke: rgb(0 0 0 / .6);
  --c-label-fill: rgb(16 19 23 / .78);
  --c-label-text: #e9edf2;
  --c-dim: #8c97a6;
  --c-dim-text: #d3d9e1;
  --c-sel: #5b9bff;
  --c-sel-fill: rgb(91 155 255 / .13);
  --c-handle-fill: #101317;
  --c-guide: #f472b6;
  --c-highlight: #fb7185;
  --c-warn: #f0b429;
  --c-error: #f97066;
  --c-on-error: #1a0b0a;
  --c-ok: #4ade80;
  color-scheme: dark;
}