/* =============================================================
   BASE.CSS
   Universal reset and shared utilities — included on ALL pages.
   Load this first, before any theme or page-specific sheet.
   ============================================================= */

/* ── RESET ── */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ── GLOBAL SCROLLBAR ── */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border-hi, #2e3a50); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--text-muted, #3a4258); }

/* ── SHARED RANGE INPUT BASE ── */
input[type=range] {
  -webkit-appearance: none;
  height: 3px;
  background: var(--border-hi, #2e3a50);
  border-radius: 2px;
  outline: none;
  width: 100%;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 12px; height: 12px;
  border-radius: 50%;
  background: var(--accent-primary, #f0a500);
  cursor: pointer;
  box-shadow: 0 0 6px var(--accent-primary, #f0a500);
}

/* ── SHARED UTILITY CLASSES ── */
.hidden { display: none !important; }
.mono { font-family: var(--font-mono, monospace); }