/* ============================================================
   Saira — TOKENS del perfil STOREFRONT (cara-cliente). FUENTE ÚNICA.
   ------------------------------------------------------------
   F4.1 de la unificación de catálogos (2026-07-27). Estos valores estaban
   DUPLICADOS en dos lados y ya habían divergido de verdad:
     · catalogo-saira/app/static/storefront.css  (catálogo público)
     · saira-crm/public/armar.html <style>       (catálogo del cliente)
   Diferencias medidas antes de unificar: `--muted` (#7C736B vs #7A7A7A) y
   `--line` (#E7E1D8 vs #E5E2DA), más dos tokens con el MISMO valor y distinto
   nombre (`--cream-2`/`--cream-soft`, `--taupe-s`/`--taupe-soft`).

   Las DOS superficies enlazan ESTE archivo. Es solo el `:root` a propósito:
   `storefront.css` trae además selectores globales (`*`, `body`, `img`, `a`) y
   componentes (`.card`, `.grid`, `.hero`…) que chocarían con los de /armar —
   por eso se comparte la capa de tokens, no la hoja entera.

   Perfil storefront del manual de marca: Inter (body) + Merriweather Sans
   (display), teal/forest/gold + taupe, sombras tintadas forest (nunca negro).
   ============================================================ */
:root{
  --teal:#3E8A7B; --teal-d:#347667; --teal-bg:#E8F2EF; --forest:#1F3A36; --forest-2:#2A4E48;
  --gold:#C9A35C; --gold-d:#B08A3E; --cream:#F7F5F2; --cream-2:#FAF7F0; --cream-3:#EFEAE3;
  --taupe:#B7ACA2; --taupe-s:#EBE6E1; --ink:#262626; --muted:#7C736B; --line:#E7E1D8; --wa:#25D366;
  /* Semántico de la marca (perfil storefront). Lo usa /armar; el catálogo público
     aún no, pero vive acá para que no vuelva a nacer suelto en una superficie. */
  --danger:#B63A2A;
  /* Elevación tintada de 2 capas (forest muy diluido) — el antídoto al "plano" */
  --sh-card:0 1px 2px rgba(31,58,54,.04), 0 10px 26px rgba(31,58,54,.09);
  --sh-hover:0 6px 12px rgba(31,58,54,.07), 0 22px 48px rgba(31,58,54,.17);
  --sh-soft:0 1px 3px rgba(31,58,54,.05), 0 6px 18px rgba(31,58,54,.07);
  --font-disp:'Merriweather Sans','Segoe UI',system-ui,sans-serif;
  --font-body:'Inter','Segoe UI',system-ui,sans-serif;
}