/* * brand.css — Alineación con el manual de marca (brandbook.daitoshops.com.ar). * * El CSS de la tienda vive en main-ShOSBjOT.css, que es un build sin fuente en * el repo: no se toca. Este archivo se carga DESPUÉS y corrige lo que ese * bundle define distinto del manual. Lo cargan las dos cáscaras que existen * (shop.php y includes/store_top.php). * * ── El problema que vino a resolver ────────────────────────────────────────── * El bundle declara `--font:"Outfit", sans-serif`, pero NADIE cargaba Outfit: * no había un solo @font-face ni un link a Google Fonts en todo el sitio. Se * comprobó midiendo el ancho del mismo texto a 48px: "Outfit" medía 744px, * exactamente lo mismo que una familia inventada, mientras que Arial —que sí * existe en el sistema— medía 813. O sea: la tienda entera se estaba viendo * con la fuente por defecto del navegador, distinta en cada dispositivo. * * El manual no pide Outfit: pide Montserrat para "web, redes sociales, * impresión". Así que se carga Montserrat y se redefine --font. Los seis usos * de var(--font) del bundle pasan a la tipografía correcta sin tocar el build. */ /* La familia de comunicación del manual. El fallback es la pila del sistema y no `sans-serif` a secas: si Google Fonts no responde, un stack concreto se parece mucho más a Montserrat que el default del navegador. */ /* Los tokens de la paleta van ACÁ y no sólo en el bundle porque siete páginas de la tienda no cargan el bundle: pago, mis-compras, seguimiento, vincular, recuperar y confirmar-email traen su propio