/* ============================================================ STOREFRONT V2 — DESIGN TOKENS (Sprint UX-1, §4 design doc) ------------------------------------------------------------ Single source of truth de variables CSS del storefront cross-vertical. Las tokens del config por tenant (StorefrontConfig.color_primario / color_secundario) se exponen como vars `--tenant-color-*` desde base_storefront.html y se mapean aqui como `--sf-color-primary`. Naming: kebab-case con prefijo `--sf-` para distinguir del resto del proyecto (core/ui usa `--cu-`, design-system usa `--ds-`). Convencion estable: NO renombrar variables ya referenciadas por templates. Dark mode: activa via `.dark` class en (anti-FOUC init en base_storefront.html lee localStorage `sf-theme`) o via `prefers-color-scheme: dark` (fallback OS). ============================================================ */ :root { /* === Brand colors (sobrescribibles por StorefrontConfig) === */ /* --tenant-color-primary lo inyecta base_storefront.html desde storefront_cfg.color_primario. Fallback al brand default del storefront (sky-600). */ --sf-color-primary: var(--tenant-color-primary, #0ea5e9); --sf-color-primary-fg: #ffffff; --sf-color-primary-50: #f0f9ff; --sf-color-primary-500: #0ea5e9; --sf-color-primary-600: #0284c7; --sf-color-primary-700: #0369a1; --sf-color-accent: #f59e0b; /* === Semantic colors === */ --sf-color-success: #16a34a; --sf-color-warning: #f59e0b; --sf-color-danger: #e11d48; --sf-color-info: #2563eb; /* IT264: la escala semantica tenia CUATRO tonos, pero los tableros de estado del producto usan SEIS. Los dos que faltaban (un estado "en proceso/mantenimiento" y un estado "inactivo") se venian resolviendo con hex fijos dentro del