/* ============================================================================
   theme.css — shared dark theme for BOTH the Sector Viewer and the Save Editor.
   Single source of truth for the colour palette and scrollbars; linked by both
   index.html files so the two stay visually in sync. Layout stays in each app's
   own stylesheet — only theme tokens belong here.
   ============================================================================ */
:root {
  color-scheme: dark;

  --bg:        #0a0a12;   /* app background */
  --panel:     #111120;   /* top bar / raised surfaces */
  --panel2:    #181830;   /* hover / secondary raised surface */
  --inset:     #07070f;   /* inset wells: inputs, cells, tiles */
  --line:      #2a2a44;   /* borders / dividers */

  --fg:        #ccccdd;   /* primary text */
  --muted:     #6b7799;   /* secondary text */
  --brand:     #aabbee;   /* brand / heading accent */

  --accent:       #3d4f96; /* filled accent: primary buttons, active states */
  --accent-hover: #4c60b8;
  --accent2:      #99aadd; /* links, subtle accents */

  --ok:   #5fd28a;
  --bad:  #ff6b6b;
  --warn: #ffcf6b;

  --scroll-thumb:       #2a2a50;
  --scroll-thumb-hover: #3a3a70;
}

/* themed scrollbars (matches the viewer's sidebar) */
html { scrollbar-width: thin; scrollbar-color: var(--scroll-thumb) transparent; }
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--scroll-thumb); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: var(--scroll-thumb-hover); }