/* Tokens de «Vitaminas y cuidado personal».
 * FUENTE UNICA desde 2026-09-24: ESTE archivo del repo (config/vitaminas/tokens.css).
 * Se edita aca y se COPIA al VPS al desplegar; nunca se edita alla.
 * Nacio del generador del centro de mando (sistema/preparador-dropi/
 * generar-artefactos-sitio.py, desde sitios/vitaminas.json), pero el generador
 * todavia NO emite lo de la home dinamica (Public Sans cargada, hero/barra, relieve):
 * regenerarlo con el tal como esta BORRA esos tokens. Pendiente anotado en ADR 0004.
 * Este archivo se MONTA sobre la imagen; no se compila dentro. */
:root{
  /* medidos del sistema visual */
  --bg:#FCFCFA;
  --ink:#1E241F;
  --acento:#23402F;
  /* Public Sans CARGADA de verdad (D4). --font-public-sans la define la clase de
     next/font que el layout pone en <html> porque contenido.json declara
     estilo.tipografia "public-sans". Antes se nombraba 'Public Sans' sin cargarla
     (no hay @font-face) y el navegador caia en la letra del sistema. */
  --font-sans:var(--font-public-sans,'Public Sans'),system-ui,sans-serif;
  --font-display:var(--font-public-sans,'Public Sans'),system-ui,sans-serif;
  /* declarados en sitios/vitaminas.json (hero_fondo, barra_fondo) y que el
     generador nunca emitio */
  --hero-fondo:#E8F0E8;
  --barra-fondo:#23402F;
  /* derivados: mezcla de --bg y --ink, NO vienen del diseño */
  --bg-2:#F5F6F3;
  --bg-3:#ECEDEB;
  --ink-2:#4F544F;
  --ink-3:#7B7F7B;
  --ink-4:#A8AAA7;
  --line:#E1E2E0;
  --line-2:#D0D1CE;
  --acento-bg:#EBEDEA;
  --acento-line:#CCD3CD;
  /* bloques de la banda: los del diseño que se leen contra la tinta Y
     se distinguen del fondo. Numerados a proposito: en cinco de las seis
     tiendas NO son lila ni menta ni salmon. */
  --bloque-1:#5C8B5E;
  --bloque-2:#909E94;
  --bloque-3:#BBC4BD;
  --bloque-4:#DBE0DC;
  --bloque-neutro:#F8F8F6;
  /* 🛑 DEUDA: alias de compatibilidad. orden-web todavia pide los nombres
     de color de Casaideas, y un nombre que dice «lila» sobre un verde es
     un nombre que miente (D-2026-08-16-04-mo). Se borran cuando el CTO
     migre globals.css y BandaAmbientes.tsx a --bloque-N. */
  --bloque-lila:var(--bloque-1);
  --bloque-menta:var(--bloque-2);
  --bloque-salmon:var(--bloque-3);
  --bloque-verde:var(--bloque-4);
  --bloque-crema:var(--bloque-neutro);
  /* RELIEVE «sutil, estilo Apple» (D4): valores de la maqueta aprobada
     (propuesta-home-dinamica.html, variante sutil). Las reglas que los usan
     solo existen porque contenido.json declara estilo.relieve. */
  --radius:16px;
  --radius-sm:10px;
  --tracking-titulo:-.02em;
  --sombra-reposo:0 1px 2px rgba(29,29,27,.06),0 4px 14px rgba(29,29,27,.06);
  --sombra-alzada:0 2px 6px rgba(29,29,27,.08),0 18px 40px rgba(29,29,27,.14);
  --alzado:-4px;
  --revelado-desplazamiento:12px;
  /* banda de guias de la home: los verdes de la maqueta (.guias) */
  --banda-guias-fondo:#1B3225;
  --banda-guias-tinta:#EFF3EE;
  --banda-guias-suave:#A9C7B2;
  --banda-guias-enlace:#CFE6D6;
  /* franja de confianza: el fondo es --acento (el de la maqueta); la tinta, la suya */
  --franja-confianza-tinta:#F3F6F2;
}