/* ===== Theme CSS Variables ===== */
/* These override the feed's --bg, --tx, --mu, --br, --gd, --gb vars */

/* ---- Default (Warm) ---- */
body.theme-default {
  --bg: #faf8f5;
  --tx: #1c1816;
  --mu: #a09888;
  --br: rgba(28,24,22,0.06);
  --gd: #c7a46b;
  --gb: rgba(199,164,107,0.06);
}
[data-theme="dark"] body.theme-default {
  --bg: #12100e;
  --tx: #e8e2da;
  --mu: #8a8278;
  --br: rgba(232,226,218,0.06);
  --gd: #c7a46b;
  --gb: rgba(199,164,107,0.08);
}

/* ---- Health (Teal / Medical) ---- */
body.theme-health {
  --bg: #f4faf7;
  --tx: #1a2e24;
  --mu: #7a9e8a;
  --br: rgba(26,46,36,0.06);
  --gd: #3a9a6a;
  --gb: rgba(58,154,106,0.06);
}
[data-theme="dark"] body.theme-health {
  --bg: #0a1812;
  --tx: #c8e8d8;
  --mu: #5a7a66;
  --br: rgba(200,232,216,0.06);
  --gd: #4ab87a;
  --gb: rgba(74,184,122,0.08);
}

/* ---- Drug Awareness (Deep Red) ---- */
body.theme-drug {
  --bg: #faf5f5;
  --tx: #3a1a1a;
  --mu: #9a7a7a;
  --br: rgba(58,26,26,0.06);
  --gd: #cc4444;
  --gb: rgba(204,68,68,0.06);
}
[data-theme="dark"] body.theme-drug {
  --bg: #180a0a;
  --tx: #e8c8c8;
  --mu: #8a5a5a;
  --br: rgba(232,200,200,0.06);
  --gd: #ee5555;
  --gb: rgba(238,85,85,0.08);
}

/* ---- Midnight (Deep Blue) ---- */
body.theme-midnight {
  --bg: #f0f2ff;
  --tx: #1a1a3a;
  --mu: #7a7aaa;
  --br: rgba(26,26,58,0.06);
  --gd: #4466cc;
  --gb: rgba(68,102,204,0.06);
}
[data-theme="dark"] body.theme-midnight {
  --bg: #0a0a18;
  --tx: #c8c8f0;
  --mu: #6a6a9a;
  --br: rgba(200,200,240,0.06);
  --gd: #6688ee;
  --gb: rgba(102,136,238,0.08);
}

/* ---- Sepia (Warm Paper) ---- */
body.theme-sepia {
  --bg: #f8f2e8;
  --tx: #3a2a18;
  --mu: #a08868;
  --br: rgba(58,42,24,0.08);
  --gd: #b8860b;
  --gb: rgba(184,134,11,0.06);
}
[data-theme="dark"] body.theme-sepia {
  --bg: #1c1610;
  --tx: #e0d0b0;
  --mu: #8a7a5a;
  --br: rgba(224,208,176,0.06);
  --gd: #d4a020;
  --gb: rgba(212,160,32,0.08);
}

/* ---- Forest (Deep Green) ---- */
body.theme-forest {
  --bg: #f2f7f0;
  --tx: #1a2e14;
  --mu: #7a8e6a;
  --br: rgba(26,46,20,0.06);
  --gd: #4a8a2a;
  --gb: rgba(74,138,42,0.06);
}
[data-theme="dark"] body.theme-forest {
  --bg: #0e180a;
  --tx: #c8e0b8;
  --mu: #6a7a5a;
  --br: rgba(200,224,184,0.06);
  --gd: #5aaa3a;
  --gb: rgba(90,170,58,0.08);
}

/* ---- Ocean (Teal Blue) ---- */
body.theme-ocean {
  --bg: #f2f8fa;
  --tx: #142a34;
  --mu: #6a8a94;
  --br: rgba(20,42,52,0.06);
  --gd: #2a8aaa;
  --gb: rgba(42,138,170,0.06);
}
[data-theme="dark"] body.theme-ocean {
  --bg: #0a161c;
  --tx: #b8d8e8;
  --mu: #5a7a88;
  --br: rgba(184,216,232,0.06);
  --gd: #3ab0cc;
  --gb: rgba(58,176,204,0.08);
}