:root {

  /* =========================
     BASE THEME
     ========================= */
  --bg: #0F1A14;
  --panel: rgba(255, 255, 255, 0.045);
  --panel-border: rgba(255, 255, 255, 0.08);
  --text: #ffffff;
  --muted: #b8c0bb;
  --divider: rgba(255, 255, 255, 0.08);
  --shadow: 0 14px 36px rgba(0, 0, 0, 0.32);


  /* =========================
     GREEN (OPEN / GOOD)
     ========================= */
  --green-top: #2f7a3b;
  --green-bottom: #1f5c2b;
  --green-border: #245f31;
  --green-text: #ffffff;


  /* =========================
     YELLOW (CAUTION)
     ========================= */
  --yellow-top: #f0c84b;
  --yellow-bottom: #d4b200;
  --yellow-border: #f0c84b;
  --yellow-text: #ffffff;
  --yellow-button-text: #111827;


  /* =========================
     BLUE (INFO)
     ========================= */
  --blue-top: #3b82f6;
  --blue-bottom: #1e3a5f;
  --blue-border: #3b82f6;
  --blue-text: #eff6ff;


  /* =========================
     ORANGE → NOW BROWNISH
     (NWS / FREEZE / WARNING)
     ========================= */
  --orange-top: #c47a2c;
  --orange-bottom: #8b5a2b;
  --orange-border: #c47a2c;
  --orange-text: #fff7ed;


  /* =========================
     RED (CLOSED / DANGER)
     ========================= */
  --red-top: #b81f1f;
  --red-bottom: #8f1717;
  --red-deep: #3f0f0f;
  --red-text: #ffffff;


  /* =========================
     PURPLE (EMERGENCY)
     ========================= */
  --purple-top: #c084fc;
  --purple-main: #7b1fa2;
  --purple-bottom: #4c1d95;
  --purple-text: #ffffff;

  --purple-glow-1: 0 0 12px rgba(168,85,247,0.60);
  --purple-glow-2: 0 0 24px rgba(168,85,247,0.40);


  /* =========================
     GRAY (INACTIVE)
     ========================= */
  --gray-top: #6b7280;
  --gray-bottom: #374151;
  --gray-text: #f3f4f6;

  --status-highlight-soft: rgba(255,255,255,0.07);
  --status-gray-top-rgba: rgba(107,114,128,0.24);
  --status-gray-mid-rgba: rgba(55,65,81,0.20);
  --status-gray-border-rgba: rgba(209,213,219,0.18);


  /* =========================
     POP (RAIN % BANDS)
     ========================= */
  --pop-1-top: rgba(59,130,246,0.12);
  --pop-1-bottom: rgba(15,23,42,0.82);
  --pop-1-border: rgba(147,197,253,0.16);

  --pop-2-top: rgba(59,130,246,0.22);
  --pop-2-bottom: rgba(15,23,42,0.84);
  --pop-2-border: rgba(96,165,250,0.22);

  --pop-3-top: rgba(37,99,235,0.32);
  --pop-3-bottom: rgba(15,23,42,0.86);
  --pop-3-border: rgba(59,130,246,0.28);

  --pop-4-top: rgba(30,64,175,0.44);
  --pop-4-bottom: rgba(15,23,42,0.88);
  --pop-4-border: rgba(37,99,235,0.36);

  --pop-5-top: rgba(30,64,175,0.62);
  --pop-5-bottom: rgba(15,23,42,0.92);
  --pop-5-border: rgba(29,78,216,0.48);


  /* =========================
     TEES
     ========================= */
  --tee-gold: #d4af37;
  --tee-orange: #f28c28;
  --tee-white: #f4f4f5;
  --tee-red: #ef4444;


  /* =========================
     SYSTEM CONSTANTS
     ========================= */
  --top-bar-height: 7px;

}