/* Zajednička tema (tamna / svijetla) za sve Sphera 3D alate. Postavlja je theme.js preko html[data-theme]. */
:root, :root[data-theme="dark"] {
  color-scheme: dark;
  --bg0: #15181d; --bg1: #1c2026; --bg2: #232830; --bg3: #2b313a; --line: #38404c; --line2: #2a3039;
  --ink: #d9dee7; --muted: #8a94a6; --dim: #5f6a7c;
  --accent: #3d8bfd; --accent2: #2b6fd6; --accent-soft: rgba(61, 139, 253, .18);
  --warn: #f0a030; --danger: #e5584b; --ok: #3fb97a; --cam: #f08c00;
  --field: #15181d; --vp-bg: #242932; --shadow: 0 6px 24px rgba(0, 0, 0, .45);
  --hud-bg: rgba(21, 24, 29, .86); --skbar: #263446; --sketch-grid: #8fa3c0;
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg0: #eceff4; --bg1: #ffffff; --bg2: #f4f6f9; --bg3: #e4e8ef; --line: #c9d0db; --line2: #dde2ea;
  --ink: #1b212b; --muted: #5b6577; --dim: #8b94a4;
  --accent: #2b6fd6; --accent2: #2b6fd6; --accent-soft: rgba(43, 111, 214, .14);
  --warn: #b9770e; --danger: #c0392b; --ok: #1f8a4c; --cam: #d97706;
  --field: #ffffff; --vp-bg: #e7ebf2; --shadow: 0 6px 24px rgba(20, 30, 50, .18);
  --hud-bg: rgba(255, 255, 255, .88); --skbar: #dbe7f8; --sketch-grid: #5a6d8a;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    --bg0: #eceff4; --bg1: #ffffff; --bg2: #f4f6f9; --bg3: #e4e8ef; --line: #c9d0db; --line2: #dde2ea;
    --ink: #1b212b; --muted: #5b6577; --dim: #8b94a4; --accent: #2b6fd6; --accent2: #2b6fd6; --accent-soft: rgba(43, 111, 214, .14);
    --field: #ffffff; --vp-bg: #e7ebf2; --hud-bg: rgba(255, 255, 255, .88);
  }
}
/* nazivi iz starijeg editora */
:root { --bg: var(--bg0); --panel: var(--bg1); --sel: var(--accent-soft); --accent-ink: #ffffff; }