/* ============================================================
   THEME-BLUE.CSS — Cobalt Matte (Blue & White Premium)
   ============================================================ */

[data-theme="blue"] {
  --bg:           #f3f6fc;
  --bg2:          #eaeff8;
  --bg3:          #ffffff;
  --bg4:          #fafcff;
  --text:         #0d1b38;
  --accent:       #1a4fba;
  --border:       rgba(26, 79, 186, 0.1);
  --nav-bg:       rgba(243, 246, 252, 0.9);
  --badge-bg:     rgba(26, 79, 186, 0.08);
  --badge-text:   #1a4fba;
  --btn-bg:       #1a4fba;
  --btn-text:     #ffffff;
  --btn2-border:  rgba(26, 79, 186, 0.25);
  --card1:        #dde9f8;
  --card2:        #c8daf2;
  --card3:        #ffffff;
  --chip-bg:      rgba(26, 79, 186, 0.07);
  --chip-text:    #1a4fba;
  --stat-bg:      #1a3a6e;
  --stat-border:  rgba(255, 255, 255, 0.12);
  --stat-text:    #ffffff;
  --testi1:       #ffffff;
  --testi2:       #edf3fb;
  --cta-bg:       #1a3a6e;
  --fab-bg:       #1a4fba;
  --fab-text:     #ffffff;
  --panel-bg:     #ffffff;
  --panel-item:   rgba(26, 79, 186, 0.04);
  --panel-hover:  rgba(26, 79, 186, 0.09);
  --tutor-av:     #d1e2f7;
  --footer-bg:    #eaeff8;
  --mm-bg:        rgba(243, 246, 252, 0.97);
  --star:         #f59e0b;
  --prog-bg:      rgba(26, 79, 186, 0.1);
  --prog-fill:    #1a4fba;
}

/* Blue theme extra polish */
[data-theme="blue"] .hcard:nth-child(3) {
  box-shadow: 0 16px 50px rgba(26, 79, 186, 0.14);
}
[data-theme="blue"] .tutor-card {
  box-shadow: 0 2px 16px rgba(26, 79, 186, 0.07);
}
[data-theme="blue"] .testi-card:nth-child(odd) {
  box-shadow: 0 2px 18px rgba(26, 79, 186, 0.06);
}
[data-theme="blue"] .courses-wrap {
  box-shadow: 0 4px 40px rgba(26, 79, 186, 0.06);
}
[data-theme="blue"] .btn-p:hover {
  box-shadow: 0 8px 24px rgba(26, 79, 186, 0.3);
}