/* ============================================================
   physics-y11-m4-theme.css — Physics Year 11 Module 4
   Electricity and Magnetism
   Palette: Deep violet / amber (Module 4 identity)
   ============================================================ */
:root {
  --primary:       #7c3aed;
  --primary-mid:   #a855f7;
  --primary-light: rgba(124, 58, 237, 0.12);
  --accent:        #c4b5fd;
  --accent-dark:   #f59e0b;
  --accent-light:  rgba(196, 181, 253, 0.15);
  --accent-bg:     rgba(255, 255, 255, 0.88);
  --surface:       rgba(255, 255, 255, 0.96);
  --surface-solid: #ffffff;
  --mesh-1: #ede9fe;
  --mesh-2: #faf5ff;
  --mesh-3: #f5f3ff;
  --mesh-gradient: radial-gradient(ellipse at 20% 20%, var(--mesh-1) 0%, transparent 55%),
                   radial-gradient(ellipse at 80% 80%, var(--mesh-2) 0%, transparent 55%),
                   radial-gradient(ellipse at 50% 50%, var(--mesh-3) 0%, transparent 70%),
                   #f8fafc;
  --h2-color:      var(--heading-color);
  --shadow-accent: 0 4px 20px var(--accent-light);
}

body {
  background: radial-gradient(ellipse at 10% 20%, rgba(237,233,254,0.9) 0%, transparent 55%),
              radial-gradient(ellipse at 85% 10%, rgba(196,181,253,0.7) 0%, transparent 50%),
              radial-gradient(ellipse at 60% 80%, rgba(237,233,254,0.8) 0%, transparent 50%),
              linear-gradient(155deg, #faf5ff 0%, #f5f3ff 40%, #ede9fe 75%, #faf5ff 100%);
  min-height: 100vh;
}

h1, h2, h3, h4,
.hero h1,
.card h2,
.card h3,
.worked-example h4,
.section-label {
  font-family: 'Nunito', 'Outfit', sans-serif;
}

.hero h1 {
  font-size: 2rem;
  font-weight: 800;
  color: var(--heading-color);
  line-height: 1.2;
  margin: 12px 0 8px;
}

.hero .hero-desc {
  font-family: 'DM Sans', sans-serif;
  font-size: 1.05rem;
  opacity: 0.82;
  margin: 0 0 4px;
}

.hero-badge-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}