/* =============================================================================
   TOKENS.CSS — Design tokens
   Única fuente de verdad del sistema visual DAKA. Antes estaba duplicado en
   cada página; cualquier cambio de marca se hace ahora aquí y solo aquí.
   Debe cargarse el primero, antes que cualquier otra hoja.
   ========================================================================== */

:root{
  /* Marca */
  --ink:#1E1054;          /* azul DAKA — topbar, títulos, botón oscuro */
  --ink-2:#281A66;        /* azul un poco más claro, para :hover */
  --steel:#2E5C8C;        /* azul acero — textos secundarios, bordes */
  --orange:#E2571C;       /* naranja de acción — TODOS los botones primarios */
  --henkel-red:#E50014;   /* rojo de la marca Henkel */

  /* Superficies */
  --paper:#ECEAE1;        /* fondo general, color papel */
  --paper-2:#DFDCCC;      /* fondo alterno de secciones */
  --graphite:#1B1B18;     /* color del texto */
  --white:#FBFAF6;        /* blanco cálido, no #FFF puro */
  --line:#C6C2AE;         /* color de todos los bordes */

  /* Geometría y movimiento */
  --radius:3px;                        /* redondeo de esquinas */
  --ease:cubic-bezier(0.16,1,0.3,1);   /* curva de las animaciones */
}