/* VIEW4G5F2 · Shared dynamic Cabinet UI theme contract
   ----------------------------------------------------
   System/Dark/Light all resolve through these semantic tokens. Application
   stylesheets consume tokens only; renderer-owned CAD/paper/SVG colors remain
   independent so technical output does not change with application appearance.
*/
:root {
  color-scheme:dark;

  --ui-app-bg:#0d0e10;
  --ui-stage-bg:#0d0f11;
  --ui-chrome-bg:#17181a;
  --ui-toolbar-bg:#1b1c1e;
  --ui-panel-bg:#202327;
  --ui-panel-soft:#1f2124;
  --ui-panel-deep:#191b1e;
  --ui-field-bg:#181b1f;
  --ui-raised-bg:#272a2e;
  --ui-hover-bg:#30343a;
  --ui-active-bg:#2b2f34;
  --ui-row-bg:#1f2124;
  --ui-row-hover-bg:#2b2f34;
  --ui-selection-bg:#302b21;
  --ui-accent-bg:#2a271f;
  --ui-danger-bg:#332123;
  --ui-good-bg:#1b2920;
  --ui-warning-bg:#29251d;
  --ui-workarea-bg:#25282b;
  --ui-canvas-bg:#272a2e;
  --ui-overlay-bg:rgba(12,14,16,.74);

  --ui-border-strong:#3b3d40;
  --ui-border:#34373b;
  --ui-border-soft:#292b2f;
  --ui-border-subtle:#25272a;

  --ui-text-strong:#f0f0f0;
  --ui-text:#c6c9cc;
  --ui-text-secondary:#92969a;
  --ui-text-muted:#74787d;
  --ui-text-faint:#575b60;
  --ui-text-disabled:#55595e;

  --ui-accent:#d6a449;
  --ui-accent-strong:#e2bb72;
  --ui-accent-text:#e0b86c;
  --ui-accent-border:#6a5730;
  --ui-danger:#d76464;
  --ui-danger-border:#61383a;
  --ui-good:#70ad7d;
  --ui-good-text:var(--ui-good);
  --ui-warning:#e0a456;
  --ui-shadow:rgba(0,0,0,.30);
  --ui-inverse-bg:#c9c9c9;
  --ui-inverse-text:#111111;
  --ui-accent-hover-bg:#353025;
  --ui-danger-hover-bg:#3d2528;
  --ui-scroll-track:#17181a;
  --ui-scroll-thumb:#3a3c3f;
  --ui-gizmo-bg:rgba(33,36,39,.94);
  --ui-gizmo-bg-strong:rgba(43,46,49,.97);
  --ui-gizmo-shadow:rgba(0,0,0,.34);
  --ui-accent-wash:rgba(214,164,73,.10);
  --ui-accent-line:rgba(214,164,73,.16);
  --ui-accent-focus:rgba(214,164,73,.20);
  --ui-empty-glow:rgba(69,69,69,.12);

  --ui-screen-text:#eaf7fa;
  --ui-screen-muted:#80a8b0;
  --ui-screen-line:#78b8c4;
  --ui-screen-line-soft:rgba(92,140,150,.32);
  --ui-screen-track:rgba(117,158,166,.30);
  --ui-screen-accent:#ff6b0f;
  --ui-screen-accent-soft:rgba(255,107,15,.22);
  --ui-screen-accent-hover:#ffa838;
  --ui-screen-shadow:rgba(0,0,0,.72);
}

:root[data-theme="dark"] { color-scheme:dark; }

:root[data-theme="light"] {
  color-scheme:light;

  --ui-app-bg:#eceef1;
  --ui-stage-bg:#dfe2e5;
  --ui-chrome-bg:#e0e3e6;
  --ui-toolbar-bg:#e8ebee;
  --ui-panel-bg:#f4f5f6;
  --ui-panel-soft:#f0f2f4;
  --ui-panel-deep:#e6e8eb;
  --ui-field-bg:#ffffff;
  --ui-raised-bg:#f7f8f9;
  --ui-hover-bg:#edf0f2;
  --ui-active-bg:#e3e6e9;
  --ui-row-bg:#f7f8f9;
  --ui-row-hover-bg:#edf0f2;
  --ui-selection-bg:#f3e7cf;
  --ui-accent-bg:#f3e7cf;
  --ui-danger-bg:#f8eaea;
  --ui-good-bg:#e8f3eb;
  --ui-warning-bg:#fff6e5;
  --ui-workarea-bg:#cfd4d9;
  --ui-canvas-bg:#c9ced3;
  --ui-overlay-bg:rgba(46,51,56,.34);

  --ui-border-strong:#aeb4ba;
  --ui-border:#b8bdc3;
  --ui-border-soft:#d0d4d8;
  --ui-border-subtle:#dfe2e5;

  --ui-text-strong:#181b1e;
  --ui-text:#42484e;
  --ui-text-secondary:#60666c;
  --ui-text-muted:#6b7177;
  --ui-text-faint:#8a9096;
  --ui-text-disabled:#a2a7ac;

  --ui-accent:#9a691d;
  --ui-accent-strong:#805818;
  --ui-accent-text:#775018;
  --ui-accent-border:#c9a665;
  --ui-danger:#b44c4c;
  --ui-danger-border:#d2aaaa;
  --ui-good:#3f7f52;
  --ui-good-text:var(--ui-good);
  --ui-warning:#9a691d;
  --ui-shadow:rgba(42,47,52,.20);
  --ui-inverse-bg:#31353a;
  --ui-inverse-text:#f7f7f7;
  --ui-accent-hover-bg:#fff6e5;
  --ui-danger-hover-bg:#fff1f1;
  --ui-scroll-track:#e4e7ea;
  --ui-scroll-thumb:#b8bdc3;
  --ui-gizmo-bg:rgba(239,242,244,.94);
  --ui-gizmo-bg-strong:rgba(222,226,230,.97);
  --ui-gizmo-shadow:rgba(42,47,52,.16);
  --ui-accent-wash:rgba(154,105,29,.10);
  --ui-accent-line:rgba(154,105,29,.16);
  --ui-accent-focus:rgba(154,105,29,.20);
  --ui-empty-glow:rgba(255,255,255,.50);

  --ui-screen-text:#30363b;
  --ui-screen-muted:#687178;
  --ui-screen-line:#8a969d;
  --ui-screen-line-soft:rgba(92,104,112,.24);
  --ui-screen-track:rgba(92,104,112,.18);
  --ui-screen-accent:#b85d18;
  --ui-screen-accent-soft:rgba(184,93,24,.14);
  --ui-screen-accent-hover:#d16c20;
  --ui-screen-shadow:rgba(42,47,52,.22);
}