/* ============================================================
   School Background — decorative white layer with school icons
   Themed via --school-bg-color (set by the active subject theme)
   ============================================================ */

body {
  position: relative;
}

.school-bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  min-height: 100%;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background: #ffffff;
  color: var(--school-bg-color, var(--color-primary, #2563eb));
}

.school-bg i {
  position: absolute;
  display: block;
  color: inherit;
  transition: color 0.4s ease;
}