/* --- PALETA DE COLORES --- */
:root{
  --color-parchment: #EFE6D5; /* Color de relleno de los paneles */
  --color-bone: #D6CDBC; /* Color para bordes de los paneles */
  --color-ash: #9C9183; /* Color para botones no activos o decorativos */
  --color-taupe: #7B6F62; /* Color para bordes secundarios (botones de efectos de sonido) */
  --color-espresso: #4A3C31; /* Color de textos o iconos activos o principales */
  --color-bronze: #574534; /* Color de textos secundarios */
  --color-stone: #B0A69D; /* Color de fondo para botones desactivados */
  --color-iron: #6C6661; /* Color de textos o iconos de botones desactivados */
}
/* --- ESCALA DE ESTADOS (tonos tierra) ---
   Para todo lo que tenga un estado: cuánto se usó de un límite, si una
   cuenta está confirmada, si un comentario es nuevo, etc.
   -fg = color de texto sobre ese fondo; -text = el mismo tono, oscurecido
   para escribir sobre pergamino. */
:root{
  --st-ok: #4F6B3A;     --st-ok-fg: #FFFCF6;   --st-ok-text: #3F5A2C;   /* Bien: menos del 50% */
  --st-mid: #C49A2C;    --st-mid-fg: #2E241C;  --st-mid-text: #7A5C0E;  /* Atención: desde 50% */
  --st-warn: #B0602A;   --st-warn-fg: #FFFCF6; --st-warn-text: #8A4516; /* Cuidado: desde 70% */
  --st-bad: #8C2A1C;    --st-bad-fg: #FFFCF6;  --st-bad-text: #8C2A1C;  /* Peligro: desde 90% y lo que borra */
}