/* ═══════════════════════════════════════════════
   TOKENS.CSS — Diseñoverde
   ÚNICO archivo del proyecto que declara :root.
   Solo variables: ni reset, ni componentes, ni layout.
   Se carga PRIMERO en todas las páginas, antes que
   cualquier otra hoja.
   ═══════════════════════════════════════════════ */

:root {
  /* ── Marca ── */
  --verde:        #30662D;
  --verde-oscuro: #0f2a0d;
  --acento:       #52a84c;

  /* ── Fondos ── */
  --fondo:        #f4f7e6;
  --fondo-calido: #f4eed7;
  --fondo-neutro: #f9faf7;

  /* ── Texto y grises ── */
  --texto:        #1a3d18;
  --gris-1:       #eeeee9;
  --gris-2:       #d4d4ce;
  --gris-3:       #6c6c61;
  --gris-4:       #5c5c54;
  --blanco:       #ffffff;

  /* ── Geometría ── */
  --radio-hoja:   0 18px 0 18px;
  --radio-hoja-sm:0 10px 0 10px;
  --hoja:         0 18px 0 18px;   /* alias histórico de --radio-hoja, usado por packs-*.css */
  --max:          1120px;          /* ancho de contenido, usado por packs-*.css */

  /* ── Tokens de página ──
     Acentos propios de un solo caso. Viven aquí porque :root se declara en un
     único archivo; solo los consume la hoja indicada al lado de cada uno. */
  --barrio-azul:   #2a3a8c;   /* trabajo-barrio-independencia.css */
  --barrio-lila:   #5e3a99;   /* trabajo-barrio-independencia.css */
  --barrio-calido: #f4e8d0;   /* trabajo-barrio-independencia.css */
  --tierra:        #8B6914;   /* trabajo-ecoterra.css */
  --tierra-claro:  #f5e9c8;   /* trabajo-ecoterra.css */
  --imperial:      #c8102e;   /* trabajo-reportes.css */
  --imperial-dark: #8a0b1f;   /* trabajo-reportes.css */
  --imperial-bg:   #fdf5f6;   /* trabajo-reportes.css */
}