/* tokens.css — la fuente de verdad visual del sistema.
   Origen: docs/identidad-ef2027.md. Los cambios de identidad se hacen acá,
   nunca en una vista. */
:root{
  /* Identidad EF2027 */
  --turquesa:#17B2AD;
  --turquesa-hondo:#0D6E6B;
  --grafito:#1E1F22;
  --acero:#6D747A;
  --cobre:#C77B3D;
  --natural:#F5F7F8;

  /* Variantes aclaradas para texto chico sobre grafito.
     El turquesa y el cobre de marca no llegan a WCAG AA en cuerpo de texto;
     estas versiones sí. Los originales quedan para superficies e iconos. */
  --turquesa-texto:#4FD8D3;
  --cobre-texto:#E8A56B;

  /* Estados. Propios de la paleta: éxito sale del turquesa, advertencia del
     cobre, error es un rojo ladrillo. Nada de Bootstrap. */
  --exito:#27A388;
  --advertencia:var(--cobre);
  --error:#C4524A;
  --exito-texto:#5CD6BB;
  --advertencia-texto:var(--cobre-texto);
  --error-texto:#F0A29B;

  /* Superficies segun el modo (oscuro por defecto) */
  --fondo:var(--grafito);
  --fondo-alt:#191A1D;
  --superficie:#232428;
  --tinta:var(--natural);
  --tinta-suave:#AFB6BC;
  --borde:rgba(245,247,248,.12);

  /* Tipografia y medidas */
  --dz:'Montserrat',system-ui,sans-serif;
  --medida:min(1200px,92vw);
  --diag:45deg;
}

@media (prefers-color-scheme:light){
  :root{
    --fondo:var(--natural);
    --fondo-alt:#EAEEF0;
    --superficie:#FFFFFF;
    --tinta:var(--grafito);
    --tinta-suave:#4A5157;
    --borde:rgba(30,31,34,.14);
    --turquesa-texto:#0A5D5A;
    --cobre-texto:#8A4E1B;
    --exito-texto:#0F6B57;
    --advertencia-texto:#8A4E1B;
    --error-texto:#9C2B24;
  }
}
/* El data-theme del boton de tema le gana a la preferencia del sistema. */
:root[data-theme="dark"]{
  --fondo:#1E1F22; --fondo-alt:#191A1D; --superficie:#232428;
  --tinta:#F5F7F8; --tinta-suave:#AFB6BC; --borde:rgba(245,247,248,.12);
  --turquesa-texto:#4FD8D3; --cobre-texto:#E8A56B;
  --exito-texto:#5CD6BB; --advertencia-texto:#E8A56B; --error-texto:#F0A29B;
}
:root[data-theme="light"]{
  --fondo:#F5F7F8; --fondo-alt:#EAEEF0; --superficie:#FFFFFF;
  --tinta:#1E1F22; --tinta-suave:#4A5157; --borde:rgba(30,31,34,.14);
  --turquesa-texto:#0A5D5A; --cobre-texto:#8A4E1B;
  --exito-texto:#0F6B57; --advertencia-texto:#8A4E1B; --error-texto:#9C2B24;
}