/* ============================================================
   physics-y12-m5-theme.css — Physics Year 12 Module 5
   Subject: Physics | Year: 12 | Module: 5 (Advanced Mechanics)
   Palette: Deep emerald / teal
   ============================================================ */

:root {
  --primary:       #059669;
  --primary-mid:   #047857;
  --primary-light: rgba(5, 150, 105, 0.12);

  --accent:        #14b8a6;
  --accent-dark:   #0d9488;
  --accent-light:  rgba(20, 184, 166, 0.12);

  --accent-bg:     rgba(255, 255, 255, 0.88);
  --surface:       rgba(255, 255, 255, 0.96);
  --surface-solid: #ffffff;

  --mesh-1: #d1fae5;
  --mesh-2: #ccfbf1;
  --mesh-3: #ecfdf5;
  --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(209,250,229,0.9) 0%, transparent 55%),
              radial-gradient(ellipse at 85% 10%, rgba(204,251,241,0.85) 0%, transparent 50%),
              radial-gradient(ellipse at 60% 80%, rgba(236,253,245,0.8) 0%, transparent 50%),
              linear-gradient(155deg, #f0fdf4 0%, #d1fae5 40%, #ccfbf1 75%, #ecfdf5 100%);
  min-height: 100vh;
  font-size: 16px;
}

/* Override the 24px bug from styles.css */
body { font-size: 16px !important; }
.page { max-width: 860px !important; }

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;
}

/* Badge variants */
.hbadge-emerald {
  background: rgba(255,255,255,0.55);
  color: var(--text, #0f172a);
}

/* Phase-specific accent overrides */
.phase-step.active .ps-num { background: var(--primary-mid); }
.phase-step.active .ps-label { color: var(--primary-mid); }

/* Formula panel accent */
.formula-panel { border-left-color: var(--primary-mid); }
.formula-panel-icon { background: var(--primary-mid); }
.formula-panel-header h3 { color: var(--primary-mid); }

/* Sprint card accent */
.sprint-front { background: linear-gradient(135deg, var(--primary-light), var(--accent-light)); }

/* Intention cards use emerald */
.intention-card { border-top-color: var(--primary-mid); }

/* Callout accents */
.callout-emerald { background: var(--primary-light); border-left: 3px solid var(--primary-mid); }
.callout-teal { background: var(--accent-light); border-left: 3px solid var(--accent-dark); }

/* Mode button */
.mode-btn.active { background: var(--primary-mid); border-color: var(--primary-mid); }

/* Section dot active */
.section-dot.active { background: var(--primary-mid); box-shadow: 0 0 0 3px var(--primary-light); }

/* Completion */
.completion-wrap.done { border-color: var(--primary-mid); }
.completion-checkbox.checked { background: var(--primary-mid); border-color: var(--primary-mid); }

/* Lesson nav next button */
.lesson-nav a.next { background: linear-gradient(135deg, var(--primary), var(--accent)); }

/* Progress bar */
.progress-bar-fill { background: linear-gradient(90deg, var(--primary-mid), var(--accent)); }

/* Error header open state */
.error-header.open { background: rgba(5, 150, 105, 0.08); }

/* Answers trigger */
.answers-trigger { border-color: var(--primary-mid); }
.answers-trigger h2 { color: var(--primary-mid); }

/* Marks badge */
.marks { color: var(--primary-mid); background: var(--primary-light); }

/* Bloom badges */
.bloom-apply { background: #d1fae5; color: #065f46; }
.bloom-analyse { background: #ccfbf1; color: #115e59; }

/* Band badges */
.band-4 { background: #d1fae5; color: #047857; }
.band-5 { background: #ccfbf1; color: #0f766e; }

/* Game launch card */
.game-launch-card {
  background: linear-gradient(145deg, #ecfdf5 0%, #d1fae5 50%, #f0fdf4 100%);
  border-color: rgba(5, 150, 105, 0.24);
}

/* Practice card */
.practice-card { border-left: 3px solid var(--primary-mid); }

/* Timed question */
.timed-q { border-left: 3px solid var(--accent-dark); padding-left: 16px; }

/* Misconceptions */
.misconceptions-box { border-color: var(--primary-mid); background: rgba(5, 150, 105, 0.04); }
.misconceptions-box h3 { color: var(--primary-mid); }
.misconception-x { background: var(--primary-mid); }

/* MC hover */
.mc-option:hover { border-color: var(--primary-mid); background: var(--primary-light); }
.mc-option.correct { border-color: var(--primary-mid); }

/* Anchor callout */
.anchor-callout { border-color: var(--accent-dark); }
.anchor-label { color: var(--accent-dark); }

/* Feedback diagram */
.feedback-diagram { background: linear-gradient(135deg, var(--primary-light) 0%, var(--accent-light) 100%); }

/* Comparison panel */
.compare-box.neg { background: var(--primary-light); border-color: var(--primary-light); }
ENDOFFILE