/*
 * Tema compartido "El Monte" (elmonte.app) — selva: marrones y verdes.
 * Una sola fuente de verdad para la portada, el panel de admin y todos los
 * sistemas/juegos que se vayan añadiendo. Cada página solo debe apuntar sus
 * propios componentes a estas variables, no redefinirlas.
 */

:root {
  /* La web es solo oscura: así el navegador pinta oscuros también las listas de los <select>, los calendarios y las barras de desplazamiento. */
  color-scheme: dark;
  --bg: #131a10;
  --bg-elevated: #1b2416;
  --bg-card: #212c1a;
  --border: #3c4a2e;
  --text: #eef2e6;
  --text-dim: #a9b89a;
  --accent: #c99a3f;
  --accent-2: #6fae4a;
  --alliance: #4f8fd6;
  --horde: #c1503a;

  --tier-s: #d4a72c;
  --tier-a: #6fae4a;
  --tier-b: #4f9d8a;
  --tier-c: #8a8a6e;
  --tier-d: #a8462f;

  --wood: #6b4a2b;
  --wood-dark: #4a3320;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  background: radial-gradient(circle at top, #1b2617 0%, var(--bg) 60%);
  color: var(--text);
  min-height: 100vh;
}

a {
  color: var(--accent-2);
}

/* Opciones de las listas desplegables: algunos navegadores no aplican color-scheme a la lista abierta. */
option, optgroup {
  background-color: var(--bg-elevated);
  color: var(--text);
}