/* Shared palette for the canvas, public panels, and admin console. */
:root {
  --ui-bg: #f6f7f9;
  --ui-surface: #ffffff;
  --ui-subtle: #f2f4f6;
  --ui-text: #242830;
  --ui-muted: #717783;
  --ui-faint: #8a909a;
  --ui-line: #e4e7eb;
  --ui-line-strong: #b4bbc6;
  --ui-grid: #cdd2d9;
  --ui-accent: #087d96;
  --ui-selected: #e8f4f6;
  --ui-on-accent: #ffffff;
  --ui-danger: #ba4343;
  --ui-good: #228368;
  --ui-warning: #976a21;
  --ui-overlay: #15182066;
  --ui-shadow: 0 8px 24px #24283014;
  --ui-popover-shadow: 0 18px 52px #24283026;
}

html.theme-dark,
body.theme-dark,
[data-theme="dark"] {
  --ui-bg: #191b20;
  --ui-surface: #22252b;
  --ui-subtle: #292d34;
  --ui-text: #eceef2;
  --ui-muted: #a0a6b1;
  --ui-faint: #858c99;
  --ui-line: #363b44;
  --ui-line-strong: #59616e;
  --ui-grid: #363b44;
  --ui-accent: #61c6d6;
  --ui-selected: #22383d;
  --ui-on-accent: #22252b;
  --ui-danger: #ef9292;
  --ui-good: #7ccab0;
  --ui-warning: #e0b76e;
  --ui-overlay: #090b10a6;
  --ui-shadow: 0 8px 24px #00000030;
  --ui-popover-shadow: 0 18px 52px #00000066;
}