/* ====================================================================== Tema «Boutique» — capa de temas del storefront (theme_service). CONTRATO: un theme.css SOLO redefine tokens --sf-* YA existentes en _design_tokens.css, scopeados bajo su atributo. Prohibido inventar tokens nuevos, pisar clases .sf-* del kernel o usar hex sueltos en componentes: el kernel consume los tokens y hereda el look completo. Scope: `data-sf-theme="boutique"` viaja en el (lo pone base_storefront desde StorefrontConfig.theme_code — mismo mecanismo que data-sf-palette). Dark: la clase `.dark` del es la autoridad (anti-FOUC script), igual que en _palettes.css. Deploy: como todo estatico, editar este archivo exige el flujo deploy-static (collectstatic + restart). Solo agregar el archivo no cambia ninguna tienda: hace falta asignar el tema en el panel. ====================================================================== */ /* ── Light ─────────────────────────────────────────────────────────── */ [data-sf-theme="boutique"] { /* Tipografia editorial: display serif, cuerpo se mantiene sans. */ --sf-font-display: Georgia, "Times New Roman", "Noto Serif", serif; --sf-font-display-size: 3.25rem; --sf-font-h1: 2.5rem; --sf-font-h3: 1.625rem; /* Esquinas rectas: la marca boutique es sastre, no burbuja. --sf-radius-full queda intacto (pills y avatares siguen redondos). */ --sf-radius-sm: 0; --sf-radius-md: 0.125rem; --sf-radius-lg: 0.25rem; --sf-radius-xl: 0.375rem; --sf-radius-2xl: 0.5rem; /* Superficies calidas (papel algodon) en lugar del slate frio. */ --sf-color-bg-elevated: #faf8f5; --sf-color-bg-subtle: #f4f1ea; --sf-color-border: #e6e0d4; --sf-color-border-strong: #b3a892; } /* ── Dark (par obligatorio — WCAG AA sobre superficies oscuras) ───── */ .dark[data-sf-theme="boutique"] { --sf-color-bg-elevated: #1e1b16; --sf-color-bg-subtle: #26221b; --sf-color-border: #3b352a; --sf-color-border-strong: #6e6452; }