/* =================================================================== quesos.store — Design tokens (§13) · aprobado Estética "documento del rubro": denso, numérico, un solo acento. Para LCP en Ferozo: auto-hostear Outfit y DM Mono como woff2 (ver assets/fonts/ y @font-face abajo). Google Fonts queda de fallback. =================================================================== */ :root{ /* Color — paleta reducida, alto contraste */ --paper:#FFFFFF; --panel:#F6F5F2; /* filas alternas / superficies */ --ink:#17140F; /* texto */ --ink-soft:#5B554C; /* etiquetas, secundario */ --line:#E5E2DB; /* hairlines / bordes de tabla */ --accent:#12A150; /* ÚNICO acento: acciones (enviar pedido / WhatsApp) */ --accent-strong:#0E8A44; --accent-soft:#E7F5EC; --sinstock:#9A948B; /* estado sin stock (se muestra en gris) */ --on-accent:#FFFFFF; /* Tipografía */ --font-ui:'Outfit',system-ui,-apple-system,Segoe UI,Roboto,sans-serif; --font-mono:'DM Mono',ui-monospace,SFMono-Regular,Menlo,monospace; --font-heading:'Lora',Georgia,serif; /* títulos (H1/H2/H3): distintivo, no Cormorant */ /* Escala (mobile-first, densa) */ --fs-xs:12px; --fs-sm:13px; --fs-base:15px; --fs-lg:17px; --fs-xl:20px; --fs-2xl:26px; /* Espaciado / forma */ --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-6:24px; --sp-8:32px; --r:8px; --r-sm:6px; --touch:40px; /* área de toque mínima (steppers) */ } /* Números tabulares en todo lo mono (precios, kg, fechas alineados en columna) */ .mono, .price, .total, .qty, .date{ font-family:var(--font-mono); font-variant-numeric:tabular-nums; } /* Piso de calidad */ *{box-sizing:border-box} :focus-visible{outline:2px solid var(--accent); outline-offset:2px} @media (prefers-reduced-motion:reduce){ *{animation:none!important; transition:none!important; scroll-behavior:auto!important} } /* Auto-host de fuentes (colocar los .woff2 en assets/fonts/). Mantener el fallback de Google Fonts en el hasta subir los archivos. @font-face{font-family:'Outfit';font-weight:400 700;font-display:swap; src:url('/assets/fonts/Outfit-var.woff2') format('woff2');} @font-face{font-family:'DM Mono';font-weight:400 500;font-display:swap; src:url('/assets/fonts/DMMono-Regular.woff2') format('woff2');} */