/* ============================================================
   physics-y11-m2-theme.css — Physics Year 11 Module 2
   Palette: Amber / peach / orange (Phase F)
   ============================================================ */
:root {
  --primary:       #fb923c;
  --primary-mid:   #f97316;
  --primary-light: rgba(251, 146, 60, 0.12);
  --accent:        #fbbf24;
  --accent-dark:   #f59e0b;
  --accent-light:  rgba(251, 191, 36, 0.12);
  --accent-bg:     rgba(255, 255, 255, 0.88);
  --surface:       rgba(255, 255, 255, 0.96);
  --surface-solid: #ffffff;
  --mesh-1: #ffedd5;
  --mesh-2: #fef3c7;
  --mesh-3: #fff7ed;
  --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(254,215,170,0.9) 0%, transparent 55%),
              radial-gradient(ellipse at 85% 10%, rgba(253,186,116,0.85) 0%, transparent 50%),
              radial-gradient(ellipse at 60% 80%, rgba(254,215,170,0.8) 0%, transparent 50%),
              linear-gradient(155deg, #fff7ed 0%, #ffedd5 40%, #fef3c7 75%, #fffbeb 100%);
  min-height: 100vh;
}

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

.hero h1 {
  font-size: 2rem;
  font-weight: 700;
  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;
}