/* Tokens de diseño de ECOMTAX (única fuente de colores). Todos los pares texto/fondo cumplen WCAG AA (≥ 4,5:1).
   Reglas de uso:
   --blue / --blue-dark ........ RELLENOS (botones, marca) con texto blanco encima
   --blue-ink .................. TEXTO de acento sobre el fondo de la página (títulos pequeños, enlaces, íconos)
   --emerald-ink / --gold-ink .. TEXTO verde y dorado; --emerald / --gold son para puntos y rellenos
   --inverse ................... superficie oscura fija (banda final, cabecera del chat) con --on-inverse encima */
:root{
  --font-heading:"Inter Tight","Inter",system-ui,sans-serif;
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --shadow-sm:0 1px 2px rgba(11,18,32,.06),0 2px 8px -2px rgba(11,18,32,.08);
  --shadow-md:0 2px 4px rgba(11,18,32,.06),0 12px 28px -12px rgba(11,18,32,.18);
  --shadow-lg:0 4px 8px rgba(11,18,32,.06),0 28px 48px -20px rgba(11,18,32,.26);
  --ink:#0B1220; --ink-soft:#5B6475;
  --paper:#FFFFFF; --paper-dim:#F6F8FC; --paper-dim2:#EEF1F7; --line:#E4E9F0;
  --blue:#0F2A4A; --blue-dark:#0A1D34; --blue-ink:#0F2A4A; --indigo:#2E5D8F; --blue-soft:#EAF0F6;
  --emerald:#16A34A; --emerald-ink:#15803D; --emerald-soft:#E9F9EF;
  --gold:#B9862E; --gold-ink:#8A6212;
  --amber:#B45309; --amber-soft:#FEF3E2;
  --danger:#C0392B; --danger-soft:#FBEAE8;
  --inverse:#0B1220; --on-inverse:#FFFFFF; --on-inverse-soft:#C3CCDB;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ink:#EEF1F7; --ink-soft:#AEB7C8;
    --paper:#0B1220; --paper-dim:#121B2E; --paper-dim2:#18233A; --line:#263251;
    --blue:#2F5D8E; --blue-dark:#3A6CA3; --blue-ink:#8DB3DE; --indigo:#7FA7D6; --blue-soft:#16213A;
    --emerald:#4ADE80; --emerald-ink:#4ADE80; --emerald-soft:#103022;
    --gold:#E0B45C; --gold-ink:#E0B45C;
    --amber:#F6B567; --amber-soft:#2E220E;
    --danger:#E8766A; --danger-soft:#2E1512;
    --inverse:#16213A; --on-inverse:#FFFFFF; --on-inverse-soft:#C3CCDB;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --ink:#EEF1F7; --ink-soft:#AEB7C8;
  --paper:#0B1220; --paper-dim:#121B2E; --paper-dim2:#18233A; --line:#263251;
  --blue:#2F5D8E; --blue-dark:#3A6CA3; --blue-ink:#8DB3DE; --indigo:#7FA7D6; --blue-soft:#16213A;
  --emerald:#4ADE80; --emerald-ink:#4ADE80; --emerald-soft:#103022;
  --gold:#E0B45C; --gold-ink:#E0B45C;
  --amber:#F6B567; --amber-soft:#2E220E;
  --danger:#E8766A; --danger-soft:#2E1512;
  --inverse:#16213A; --on-inverse:#FFFFFF; --on-inverse-soft:#C3CCDB;
  color-scheme:dark;
}
