/* SFL Tribe Themes — 4 color themes for tribe HQs.
   Jungle is the default (Beta). Each theme redefines the core
   color variables; layout, structure, and all other CSS is untouched.
   Apply via data-theme="jungle|volcano|ocean|sunset" on <html>. */

/* ============ JUNGLE (default) ============ */
[data-theme="jungle"], :root:not([data-theme]) {
  --jungle: #0e3a2a;
  --jungle2: #1c6b4a;
  --gold: #9c6a2f;
  --gold2: #d9a05e;
  --ember: #e0654f;
}
@media (prefers-color-scheme: dark) {
  [data-theme="jungle"], :root:not([data-theme]) {
    --jungle: #14402f;
    --jungle2: #237a55;
    --gold: #bd8a4a;
    --gold2: #e2ab60;
    --ember: #f0785c;
  }
}

/* ============ VOLCANO (reds) ============ */
[data-theme="volcano"] {
  --jungle: #3a0e0e;
  --jungle2: #6b1c1c;
  --gold: #9c4a2f;
  --gold2: #d98a5e;
  --ember: #e04a2f;
}
@media (prefers-color-scheme: dark) {
  [data-theme="volcano"] {
    --jungle: #401414;
    --jungle2: #7a2424;
    --gold: #bd6a4a;
    --gold2: #e29a60;
    --ember: #f05a3c;
  }
}

/* ============ OCEAN (blues) ============ */
[data-theme="ocean"] {
  --jungle: #0e2a3a;
  --jungle2: #1c4a6b;
  --gold: #2f7a9c;
  --gold2: #5ec8d9;
  --ember: #4fa8e0;
}
@media (prefers-color-scheme: dark) {
  [data-theme="ocean"] {
    --jungle: #143040;
    --jungle2: #245a7a;
    --gold: #4a9abd;
    --gold2: #6ed2e2;
    --ember: #5fb4e8;
  }
}

/* ============ SUNSET (amber/orange) ============ */
[data-theme="sunset"] {
  --jungle: #3a2a0e;
  --jungle2: #6b4a1c;
  --gold: #9c7a2f;
  --gold2: #e0b45e;
  --ember: #e08a4f;
}
@media (prefers-color-scheme: dark) {
  [data-theme="sunset"] {
    --jungle: #40300f;
    --jungle2: #7a5522;
    --gold: #bd944a;
    --gold2: #e8be60;
    --ember: #e8985c;
  }
}