/* ============================================================
   Biology Theme — Forest Olive Palette (Module 4 Standard)
   ============================================================ */
:root {
  --primary:       #2d5a27;
  --primary-mid:   #1b3a15;
  --primary-light: rgba(45, 90, 39, 0.12);
  --accent:        #4a8c3f;
  --accent-dark:   #2d5a27;
  --accent-light:  rgba(74, 140, 63, 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);

  /* Module 4 specific tokens */
  --m4-olive:      #2d5a27;
  --m4-mid-green:  #4a8c3f;
  --m4-lime:       #86c67c;
  --m4-red:        #c0392b;
  --m4-ochre:      #c9a227;
  --m4-bg:         #f2f8ed;
  --m4-surface:    #dff0d2;
  --m4-text:       #1a2f16;
  --m4-text-muted: #3d5a35;
  --m4-text-light: #6b9a5e;
  --m4-border:     #b8d9a8;
}

body {
  background: radial-gradient(ellipse at 10% 20%, rgba(134,198,124,0.25) 0%, transparent 55%),
              radial-gradient(ellipse at 85% 10%, rgba(184,217,168,0.3) 0%, transparent 50%),
              radial-gradient(ellipse at 60% 80%, rgba(210,240,200,0.3) 0%, transparent 50%),
              linear-gradient(155deg, #f2f8ed 0%, #dff0d2 40%, #e8f5e0 75%, #f0f8ec 100%);
  min-height: 100vh;
}