/* ═══════════════════════════════════════════════════════
   PracticeHub — White theme
   White surfaces, near-black type, vermilion accent.
   Inherits all shapes, radii and layout from style.css.

     body.theme-white → white panels, vermilion accent
   ═══════════════════════════════════════════════════════ */

body.theme-white {
  --lime:        #B53324;
  --lime-dim:    #8A2418;
  --lime-glow:   rgba(181,51,36,0.15);
  --lime-glow2:  rgba(181,51,36,0.08);

  --lt-bg:       #F8F8F6;
  --lt-surface:  rgba(255,255,255,0.92);
  --lt-border:   rgba(14,14,13,0.08);
  --lt-ink:      #0E0E0D;
  --lt-ink2:     #4A4A47;
  --lt-ink3:     #8E8E89;

  --dk-bg:       #FAFAF8;
  --dk-surface:  #FFFFFF;
  --dk-surface2: #F5F4F0;
  --dk-surface3: #EDEBE4;
  --dk-border:   rgba(14,14,13,0.09);
  --dk-border2:  rgba(14,14,13,0.16);
  --dk-ink:      #0E0E0D;
  --dk-ink2:     #4A4A47;
  --dk-ink3:     #8E8E89;

  --text-primary:   #0E0E0D;
  --text-secondary: #4A4A47;
  --surface-2:      #F5F4F0;
  --surface-3:      #EDEBE4;
  --surface-hover:  rgba(14,14,13,0.04);

  background: #FAFAF8;
  color: #0E0E0D;
}

/* ── Explicitly dark card keeps light text ──────────── */
body.theme-white .glass-card-dark { color: #f0f0ec; }

/* ── Badges: white-alpha → visible on white ─────────── */
body.theme-white .badge-draft  { background: rgba(14,14,13,0.05); }
body.theme-white .badge-closed { background: rgba(14,14,13,0.03); }
body.theme-white .badge-hold   { color: #b45309; border-color: rgba(245,158,11,0.35); }

/* ── Forms ───────────────────────────────────────────── */
body.theme-white input[readonly] { background: rgba(14,14,13,0.03); }

/* ── Progress bar track ──────────────────────────────── */
body.theme-white .mini-bar-track { background: rgba(14,14,13,0.08); }

/* ── Ghost buttons ───────────────────────────────────── */
body.theme-white .btn-ghost-lt,
body.theme-white .btn-ghost-dk,
body.theme-white .btn-ghost {
  background: rgba(14,14,13,0.05);
  color: var(--dk-ink2);
  border: 1px solid var(--dk-border);
}
body.theme-white .btn-ghost-lt:hover,
body.theme-white .btn-ghost-dk:hover,
body.theme-white .btn-ghost:hover {
  background: rgba(14,14,13,0.09);
  color: var(--dk-ink);
}

/* ── Table row hover ─────────────────────────────────── */
body.theme-white .staff-table tr:hover td { background: rgba(14,14,13,0.02); }

/* ── Leaderboard ─────────────────────────────────────── */
body.theme-white .lb-avatar-gold {
  background: rgba(181,51,36,0.15);
  border-color: rgba(181,51,36,0.4);
}
body.theme-white .lb-rank-1 td { background: rgba(181,51,36,0.03); }
body.theme-white .lb-leader-banner {
  background: rgba(181,51,36,0.07);
  border-color: rgba(181,51,36,0.25);
}

/* ── Button hover glows ──────────────────────────────── */
body.theme-white .btn-lime:hover    { box-shadow: 0 4px 20px rgba(181,51,36,0.3); }
body.theme-white .btn-primary:hover { box-shadow: 0 4px 20px rgba(181,51,36,0.3); }
body.theme-white #global-task-btn:hover { box-shadow: 0 6px 24px rgba(181,51,36,0.3); }

/* ── Checklist warning border ────────────────────────── */
body.theme-white .check-item.warn-item { border-left: 3px solid rgba(181,51,36,0.35); }