/* ============================================================
   THEME-MONO.CSS — Onyx Premium (Black & White)
   ============================================================ */

:root,
[data-theme="mono"] {
  --bg:           #0a0a0a;
  --bg2:          #111111;
  --bg3:          #161616;
  --bg4:          #1c1c1c;
  --text:         #f0f0f0;
  --accent:       #f0f0f0;
  --border:       rgba(255, 255, 255, 0.07);
  --nav-bg:       rgba(10, 10, 10, 0.88);
  --badge-bg:     rgba(255, 255, 255, 0.07);
  --badge-text:   #f0f0f0;
  --btn-bg:       #f0f0f0;
  --btn-text:     #0a0a0a;
  --btn2-border:  rgba(255, 255, 255, 0.2);
  --card1:        #1c1c1c;
  --card2:        #161616;
  --card3:        #1a1a1a;
  --chip-bg:      rgba(255, 255, 255, 0.07);
  --chip-text:    rgba(255, 255, 255, 0.6);
  --stat-bg:      #111111;
  --stat-border:  rgba(255, 255, 255, 0.06);
  --stat-text:    #f0f0f0;
  --testi1:       #161616;
  --testi2:       #1a1a1a;
  --cta-bg:       #161616;
  --fab-bg:       #f0f0f0;
  --fab-text:     #0a0a0a;
  --panel-bg:     #1a1a1a;
  --panel-item:   rgba(255, 255, 255, 0.04);
  --panel-hover:  rgba(255, 255, 255, 0.08);
  --tutor-av:     #222222;
  --footer-bg:    #111111;
  --mm-bg:        rgba(10, 10, 10, 0.97);
  --star:         #f5e03a;
  --prog-bg:      rgba(255, 255, 255, 0.1);
  --prog-fill:    #f0f0f0;
}