/* ============================================================================
   QB Room HQ — Shared Base Stylesheet (qbn-base.css)
   Single source of truth for design tokens, fonts, and base elements.
   Loaded globally via nav.js. Page-level <style> blocks layer ON TOP of this
   and may still override any token locally — this only sets the canonical
   defaults so new pages and un-themed pages stay consistent.
   ============================================================================ */

:root {
  /* ── Brand ── */
  --gold:   #f0a500;
  --gold2:  #ffc840;

  /* ── Navy scheme (dashboard / coaching pages) ── */
  --navy:   #0f1b2d;
  --navy2:  #162438;
  --navy3:  #1a2d44;
  --navy4:  #1e3352;

  /* ── Surface scheme (library / grading pages) ── */
  --bg:      #0c0f14;
  --surface: #131823;
  --card:    #1b2333;

  /* ── Neutrals ── */
  --white:  #f1f5f9;
  --off:    #f5f3ee;
  --border: #263045;
  --muted:  #64748b;
  --light:  #94a3b8;

  /* ── Status / stage colors ── */
  --green: #22c55e;
  --red:   #ef4444;
  --blue:  #3b82f6;
  --s1: #22c55e;   /* Stage 1 */
  --s2: #3b82f6;   /* Stage 2 */
  --s3: #eab308;   /* Stage 3 */
  --s4: #ef4444;   /* Stage 4 */
}

/* ── Base element defaults (safe, low-specificity — pages override freely) ── */
html { scroll-behavior: smooth; }

body {
  font-family: 'Barlow', sans-serif;
  min-height: 100vh;
}

/* ── Shared scrollbar styling (cosmetic, harmless if overridden) ── */
* { scrollbar-width: thin; scrollbar-color: var(--gold) transparent; }
*::-webkit-scrollbar { width: 9px; height: 9px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb {
  background: rgba(240,165,0,.35);
  border-radius: 5px;
}
*::-webkit-scrollbar-thumb:hover { background: rgba(240,165,0,.55); }