/* Tema de la entidad, generado desde los colores del manual de imagen.
   Cada par texto/fondo está calculado para cumplir WCAG 1.4.3. */
:root {
  --primario-50: #f3f9f6;
  --primario-100: #e4f3ec;
  --primario-200: #c6e8d9;
  --primario-300: #98dabd;
  --primario-400: #5bc496;
  --primario-500: #14aa69;
  --primario-600: #108b56;
  --primario-700: #0d7045;
  --primario-800: #0a5535;
  --primario-900: #073a24;
  --secundario-50: #fcf8f2;
  --secundario-100: #f9efe2;
  --secundario-200: #f4dfc1;
  --secundario-300: #f1c88f;
  --secundario-400: #e9a84d;
  --secundario-500: #e08300;
  --secundario-600: #b86b00;
  --secundario-700: #945600;
  --secundario-800: #704200;
  --secundario-900: #4c2d00;
  --marca-primario: #14aa69;
  --marca-primario-texto: #111111;
  --marca-primario-realce: #48bd8a;
  --marca-primario-hover: #35b67e;
  --marca-secundario: #e08300;
  --marca-secundario-texto: #111111;
  --marca-secundario-realce: #e79e38;
  --marca-secundario-hover: #e49424;
  --color-primario: #0f7f4f;
  --color-primario-fuerte: #0c6841;
  --color-primario-suave: #eaf6f1;
  --color-primario-borde: #13a164;
  --color-secundario: #a45f00;
  --color-secundario-fuerte: #864e00;
  --color-secundario-suave: #faf3e9;
  --color-fondo: #f9faf9;
  --color-superficie: #ffffff;
  --color-superficie-alta: #f4f6f5;
  --color-texto: #282a2a;
  --color-texto-suave: #50655d;
  --color-borde: #e0e9e5;
  --color-borde-fuerte: #58947a;
  --color-foco: #0f7f4f;
  --color-exito: #1b5e20;
  --color-exito-suave: #e8f5e9;
  --color-error: #a91b0d;
  --color-error-suave: #fdeceb;
  --color-aviso: #7a4d00;
  --color-aviso-suave: #fff6e5;
  --color-info: #0b4f6c;
  --color-info-suave: #e6f2f7;
  --color-sombra: rgb(37 41 39 / 0.10);
  --color-sombra-fuerte: rgb(37 41 39 / 0.18);
  color-scheme: light dark;
}

/* Oscuro por preferencia del sistema, salvo que se haya pedido el claro. */
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]):not([data-contraste="alto"]) {
  --marca-primario: #094d2f;
  --marca-primario-texto: #ffffff;
  --marca-primario-realce: #073c25;
  --marca-primario-hover: #084228;
  --marca-secundario: #5a3400;
  --marca-secundario-texto: #ffffff;
  --marca-secundario-realce: #462900;
  --marca-secundario-hover: #4d2d00;
  --color-primario: #14aa69;
  --color-primario-fuerte: #3eb984;
  --color-primario-suave: #0e261c;
  --color-primario-borde: #14aa69;
  --color-secundario: #e08300;
  --color-secundario-fuerte: #e6992e;
  --color-secundario-suave: #2f200c;
  --color-fondo: #0c0e0d;
  --color-superficie: #111413;
  --color-superficie-alta: #181b1a;
  --color-texto: #e7e8e7;
  --color-texto-suave: #899e94;
  --color-borde: #232d29;
  --color-borde-fuerte: #58947a;
  --color-foco: #4fbf8f;
  --color-exito: #7ee0a0;
  --color-exito-suave: #10301c;
  --color-error: #ff9c92;
  --color-error-suave: #3a1512;
  --color-aviso: #f5c464;
  --color-aviso-suave: #3a2a08;
  --color-info: #8ed3ef;
  --color-info-suave: #0d2b38;
  --color-sombra: rgb(0 0 0 / 0.45);
  --color-sombra-fuerte: rgb(0 0 0 / 0.65);
  }
}

/* Oscuro elegido a mano en el centro de accesibilidad. */
:root[data-tema="oscuro"]:not([data-contraste="alto"]) {
  --marca-primario: #094d2f;
  --marca-primario-texto: #ffffff;
  --marca-primario-realce: #073c25;
  --marca-primario-hover: #084228;
  --marca-secundario: #5a3400;
  --marca-secundario-texto: #ffffff;
  --marca-secundario-realce: #462900;
  --marca-secundario-hover: #4d2d00;
  --color-primario: #14aa69;
  --color-primario-fuerte: #3eb984;
  --color-primario-suave: #0e261c;
  --color-primario-borde: #14aa69;
  --color-secundario: #e08300;
  --color-secundario-fuerte: #e6992e;
  --color-secundario-suave: #2f200c;
  --color-fondo: #0c0e0d;
  --color-superficie: #111413;
  --color-superficie-alta: #181b1a;
  --color-texto: #e7e8e7;
  --color-texto-suave: #899e94;
  --color-borde: #232d29;
  --color-borde-fuerte: #58947a;
  --color-foco: #4fbf8f;
  --color-exito: #7ee0a0;
  --color-exito-suave: #10301c;
  --color-error: #ff9c92;
  --color-error-suave: #3a1512;
  --color-aviso: #f5c464;
  --color-aviso-suave: #3a2a08;
  --color-info: #8ed3ef;
  --color-info-suave: #0d2b38;
  --color-sombra: rgb(0 0 0 / 0.45);
  --color-sombra-fuerte: rgb(0 0 0 / 0.65);
}

/* Alto contraste: gana sobre cualquier otro modo. */
:root[data-contraste="alto"] {
  --marca-primario: #0c663f;
  --marca-primario-texto: #ffffff;
  --marca-primario-realce: #000000;
  --marca-primario-hover: #000000;
  --marca-secundario: #834c00;
  --marca-secundario-texto: #ffffff;
  --marca-secundario-realce: #000000;
  --marca-secundario-hover: #000000;
  --color-primario: #0c663f;
  --color-primario-fuerte: #094d2f;
  --color-primario-suave: #ffffff;
  --color-primario-borde: #000000;
  --color-secundario: #834c00;
  --color-secundario-fuerte: #623900;
  --color-secundario-suave: #ffffff;
  --color-fondo: #ffffff;
  --color-superficie: #ffffff;
  --color-superficie-alta: #ffffff;
  --color-texto: #000000;
  --color-texto-suave: #000000;
  --color-borde: #000000;
  --color-borde-fuerte: #000000;
  --color-foco: #000000;
  --color-exito: #0d3d10;
  --color-exito-suave: #ffffff;
  --color-error: #7d0d02;
  --color-error-suave: #ffffff;
  --color-aviso: #4d3000;
  --color-aviso-suave: #ffffff;
  --color-info: #053040;
  --color-info-suave: #ffffff;
  --color-sombra: rgb(0 0 0 / 0);
  --color-sombra-fuerte: rgb(0 0 0 / 0);
  color-scheme: light;
}