/* ============================================================
   Biology Theme — Unified Teal Palette (Module 8 Standard)
   ============================================================ */
:root {
  --primary:       #0d7377;
  --primary-mid:   #0a5c60;
  --primary-light: rgba(13, 115, 119, 0.12);
  --accent:        #14a9b8;
  --accent-dark:   #0d7377;
  --accent-light:  rgba(20, 169, 184, 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: #ecfeff;
  --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(167,243,208,0.9) 0%, transparent 55%),
              radial-gradient(ellipse at 85% 10%, rgba(187,247,208,0.85) 0%, transparent 50%),
              radial-gradient(ellipse at 60% 80%, rgba(153,246,228,0.8) 0%, transparent 50%),
              linear-gradient(155deg, #d1fae5 0%, #ccfbf1 40%, #dcfce7 75%, #f0fdf4 100%);
  min-height: 100vh;
}