/* Tokens de «Tu Home» — TRANSCRIPCION LITERAL del bloque :root de
 * src/app/globals.css en el commit 74d9b15, valor por valor.
 *
 * Existe para que montar los tokens NO cambie nada en tuhome.cl: este archivo
 * se carga despues de globals.css y le redeclara exactamente lo mismo. Es el
 * control del refactor — si la portada cambia, algo esta mal.
 *
 * globals.css sigue siendo el que DEFINE los tokens por defecto. Una tienda
 * nueva monta su propio tokens.css y solo redeclara lo que quiere distinto.
 */
:root{
  /* Tipografia. Ojo: --font-*-loaded las inyecta next/font desde layout.tsx y
     se resuelven AL COMPILAR. Cambiar la familia cargada NO se puede hacer
     montando este archivo; lo unico que se cambia aca es la cadena de respaldo. */
  --font-sans: var(--font-sans-loaded), Roboto, ui-sans-serif, system-ui, sans-serif;
  --font-display: var(--font-display-loaded), Roboto, ui-sans-serif, system-ui, sans-serif;
  --font-mono: var(--font-mono-loaded), "Roboto Condensed", ui-sans-serif, system-ui, sans-serif;

  --bg:#FFFFFF; --bg-2:#FAF9F7; --bg-3:#F2F0EC;
  --ink:#1D1D1B; --ink-2:#4A453E; --ink-3:#696158; --ink-4:#9A938A;
  --line:#E6E4E0; --line-2:#D6D3CE;

  --acento:#B72010;            /* rojo de precio/etiqueta, el unico "fuerte" */
  --acento-bg:#FDF0EE; --acento-line:#F0D3CE;
  --bloque-lila:#AC99D8; --bloque-menta:#AFEDC4; --bloque-salmon:#D8927B;
  --bloque-verde:#EEF6F3; --bloque-crema:#FCFAFA;
  --acento-2:#5B7F6B;

  --pad:16px; --radius:0px; --radius-sm:0px; --container:1280px;
}
