/* Theme „Bückware": Primärgrün #39b54a, versetzte Schatten in Rot und Indigo (Offset-Shadow-System),
   Schrift KIRILIRFONTnummerzwo (Fallback Space Mono). Kantig, plakativ, aber ruhig genug zum Arbeiten. */

:root[data-skin="bueckware"] {
  --font-ui: "KIRILIRFONTnummerzwo", "Space Mono", ui-monospace, monospace;
  --font-display: "KIRILIRFONTnummerzwo", "Space Mono", ui-monospace, monospace;
  --radius: 0px;
  --radius-sm: 0px;
  --off-red: #e30613;
  --off-indigo: #3b2fb5;
  --shadow: 3px 3px 0 var(--off-red), 6px 6px 0 var(--off-indigo);
  --shadow-sm: 2px 2px 0 var(--off-red), 4px 4px 0 var(--off-indigo);

  --c-accent: #39b54a;
  --c-accent-strong: #23852f;
  --c-accent-soft: rgb(57 181 74 / .18);
  --c-on-accent: #0d1a0f;

  --c-bg: #efece4;
  --c-panel: #f8f6f0;
  --c-panel-2: #ffffff;
  --c-border: #111111;
  --c-border-strong: #000000;
  --c-text: #111111;
  --c-text-muted: #4d4a44;
  --c-hover: rgb(57 181 74 / .12);
  --c-active: rgb(57 181 74 / .22);
  --c-input: #ffffff;

  --c-canvas: #fbfaf6;
  --c-grid: #ebe8df;
  --c-grid-major: #d8d3c6;
  --c-ruler: #f3f0e8;
  --c-ruler-line: #111111;
  --c-ruler-text: #333333;
  --c-floor: #ffffff;
  --c-wall: #111111;
  --c-wall-fill: #3b3b3b;
  --c-door: #111111;
  --c-door-swing-fill: rgb(59 47 181 / .06);
  --c-window: #3b2fb5;
  --c-window-fill: #e7e4ff;
  --c-fixture: #8a5a00;
  --c-fixture-fill: #fff1cc;
  --c-zone: #e30613;
  --c-zone-fill: rgb(227 6 19 / .06);
  --c-shelf: #111111;
  --c-shelf-fill: #d9f2dc;
  --c-shelf-fill-high: rgb(57 181 74 / .15);
  --c-shelf-front: #39b54a;
  --c-shelf-inner: #5f8f64;
  --c-shelf-text: #111111;
  --c-shelf-body: #39b54a;
  --c-shelf-plinth: #23852f;
  --c-shelf-back: #f1faf2;
  --c-shelf-open: #fbfaf6;
  --c-slot-hover: rgb(59 47 181 / .1);
  --c-item-stroke: #111111;
  --c-label-fill: rgb(255 255 255 / .88);
  --c-label-text: #111111;
  --c-dim: #3b2fb5;
  --c-dim-text: #111111;
  --c-sel: #e30613;
  --c-sel-fill: rgb(227 6 19 / .08);
  --c-handle-fill: #ffffff;
  --c-guide: #3b2fb5;
  --c-highlight: #e30613;
  --c-warn: #d97706;
  --c-error: #e30613;
  --c-on-error: #ffffff;
  --c-ok: #23852f;
  color-scheme: light;
}

:root[data-skin="bueckware"][data-theme="dark"] {
  --off-red: #ff3341;
  --off-indigo: #6a5cff;
  --c-accent: #46d158;
  --c-accent-strong: #7be889;
  --c-accent-soft: rgb(70 209 88 / .2);
  --c-on-accent: #07140a;

  --c-bg: #0e0f0d;
  --c-panel: #151714;
  --c-panel-2: #1b1e1a;
  --c-border: #e9e6dc;
  --c-border-strong: #ffffff;
  --c-text: #f2efe6;
  --c-text-muted: #b5b1a6;
  --c-hover: rgb(70 209 88 / .1);
  --c-active: rgb(70 209 88 / .2);
  --c-input: #0b0c0a;

  --c-canvas: #0b0c0a;
  --c-grid: #171a16;
  --c-grid-major: #232822;
  --c-ruler: #151714;
  --c-ruler-line: #e9e6dc;
  --c-ruler-text: #cfcabd;
  --c-floor: #141613;
  --c-wall: #f2efe6;
  --c-wall-fill: #6b6b6b;
  --c-door: #f2efe6;
  --c-door-swing-fill: rgb(106 92 255 / .08);
  --c-window: #8b80ff;
  --c-window-fill: #1d1a3d;
  --c-fixture: #f2c14e;
  --c-fixture-fill: #2b2412;
  --c-zone: #ff3341;
  --c-zone-fill: rgb(255 51 65 / .08);
  --c-shelf: #f2efe6;
  --c-shelf-fill: #16301a;
  --c-shelf-fill-high: rgb(70 209 88 / .12);
  --c-shelf-front: #46d158;
  --c-shelf-inner: #4f8a57;
  --c-shelf-text: #f2efe6;
  --c-shelf-body: #2f9a3e;
  --c-shelf-plinth: #1f6a2a;
  --c-shelf-back: #121a13;
  --c-shelf-open: #0b0c0a;
  --c-slot-hover: rgb(106 92 255 / .16);
  --c-item-stroke: #000000;
  --c-label-fill: rgb(11 12 10 / .8);
  --c-label-text: #f2efe6;
  --c-dim: #8b80ff;
  --c-dim-text: #f2efe6;
  --c-sel: #ff3341;
  --c-sel-fill: rgb(255 51 65 / .1);
  --c-handle-fill: #0b0c0a;
  --c-guide: #8b80ff;
  --c-highlight: #ff3341;
  --c-warn: #f2c14e;
  --c-error: #ff3341;
  --c-on-error: #ffffff;
  --c-ok: #46d158;
  color-scheme: dark;
}

/* Komponenten im Bückware-Look */
[data-skin="bueckware"] .topbar,
[data-skin="bueckware"] .sidebar,
[data-skin="bueckware"] .inspector,
[data-skin="bueckware"] .viewbar,
[data-skin="bueckware"] .statusbar { border-color: var(--c-border); border-width: 2px; }
[data-skin="bueckware"] .brand { font-size: 17px; letter-spacing: .04em; text-transform: uppercase; }
[data-skin="bueckware"] .brand svg { color: var(--off-red); }
[data-skin="bueckware"] .btn { border: 2px solid var(--c-border); box-shadow: var(--shadow-sm); transition: transform .06s, box-shadow .06s; }
[data-skin="bueckware"] .btn:hover { background: var(--c-panel-2); transform: translate(-1px, -1px); box-shadow: 3px 3px 0 var(--off-red), 6px 6px 0 var(--off-indigo); }
[data-skin="bueckware"] .btn:active { transform: translate(3px, 3px); box-shadow: none; }
[data-skin="bueckware"] .btn.ghost { border-color: transparent; box-shadow: none; }
[data-skin="bueckware"] .btn.ghost:hover { border-color: var(--c-border); box-shadow: var(--shadow-sm); }
[data-skin="bueckware"] .btn.primary { background: var(--c-accent); border-color: var(--c-border); color: var(--c-on-accent); }
[data-skin="bueckware"] .btn:disabled { box-shadow: none; transform: none; }
[data-skin="bueckware"] .tool[aria-pressed="true"] { border: 2px solid var(--c-border); box-shadow: var(--shadow-sm); background: var(--c-accent); color: var(--c-on-accent); }
[data-skin="bueckware"] .tool[aria-pressed="true"] svg { color: var(--c-on-accent); }
[data-skin="bueckware"] .panel-title,
[data-skin="bueckware"] .insp-section > h3,
[data-skin="bueckware"] .insp-head .kind { color: var(--c-text); letter-spacing: .1em; }
[data-skin="bueckware"] .insp-head h2 { font-size: 17px; }
[data-skin="bueckware"] .insp-head .code { background: var(--c-accent); color: var(--c-on-accent); border: 2px solid var(--c-border); }
[data-skin="bueckware"] .seg { border: 2px solid var(--c-border); box-shadow: var(--shadow-sm); }
[data-skin="bueckware"] .seg button[aria-pressed="true"] { background: var(--c-accent); color: var(--c-on-accent); }
[data-skin="bueckware"] .field input, [data-skin="bueckware"] .field select, [data-skin="bueckware"] .field textarea,
[data-skin="bueckware"] .search input { border: 2px solid var(--c-border); }
[data-skin="bueckware"] .search input { border-radius: 0; }
[data-skin="bueckware"] .tab[aria-selected="true"]::after { height: 4px; background: var(--c-accent); }
[data-skin="bueckware"] dialog.dlg { border: 2px solid var(--c-border); box-shadow: 6px 6px 0 var(--off-red), 12px 12px 0 var(--off-indigo); }
[data-skin="bueckware"] .menu, [data-skin="bueckware"] .search-results, [data-skin="bueckware"] .canvas-hint, [data-skin="bueckware"] .export-card { border: 2px solid var(--c-border); box-shadow: var(--shadow-sm); }
[data-skin="bueckware"] .toast { border: 2px solid var(--c-border); box-shadow: var(--shadow-sm); border-radius: 0; }