/** * TINTIN — Tokens de color GLOBALES (Super Admin → Apariencia → Esquema global) * Generado a partir de js/color-scheme-catalog.js (GLOBAL_TOKENS) — estos son * los valores POR DEFECTO (el esquema "Predeterminado", igual a lo que ya * está en vivo). El motor js/color-scheme.js sobreescribe estas variables en * caliente (inline, sobre ) con el esquema activo publicado en * Firestore — este archivo solo define la base para que nunca quede un * var() sin resolver antes de que el script corra. * * Se carga en TODAS las páginas (incluido admin.html, que además carga * css/admin-color-tokens.css encima para su propio esquema). */ :root { --color-brand-primary: #AD3F67; --color-brand-secondary: #F6B7C8; --color-brand-accent: #FDECF2; --color-brand-primary-hover: #8B2642; --color-background-page: #FFF6FA; --color-background-surface: #FFFFFF; --color-background-surface-soft: #FFF9FC; --color-background-elevated: #FFFFFF; --color-background-header: #FFFFFF; --color-background-footer: #FFFFFF; --color-background-menu: #FFFFFF; --color-background-submenu: #FFF9FC; --color-background-table: #FFFFFF; --color-background-table-row-hover: #FFF9FC; --color-background-field: #FFFFFF; --color-background-float: #AD3F67; --color-background-overlay: rgba(20,10,14,0.55); --color-background-selected: #FDECF2; --color-background-disabled: #F1E4E7; --color-text-primary: #2B2B2B; --color-text-secondary: #7B6F72; --color-text-tertiary: #948890; --color-text-muted: #7B6F72; --color-text-disabled: #B7ADB0; --color-text-inverse: #FFFFFF; --color-text-title: #2B2B2B; --color-text-subtitle: #7B6F72; --color-text-label: #2B2B2B; --color-text-placeholder: #7B6F72; --color-text-link: #AD3F67; --color-text-link-visited: #8B2642; --color-text-help: #7B6F72; --color-button-primary-background: #AD3F67; --color-button-primary-text: #FFFFFF; --color-button-primary-border: #AD3F67; --color-button-primary-hover: #8B2642; --color-button-primary-active: #711F35; --color-button-primary-focus-ring: rgba(173,63,103,0.24); --color-button-primary-disabled-background: #F1E4E7; --color-button-primary-disabled-text: #B7ADB0; --color-button-secondary-background: #FFFFFF; --color-button-secondary-text: #AD3F67; --color-button-secondary-border: #AD3F67; --color-button-secondary-hover: #FFF9FC; --color-button-secondary-active: #FDECF2; --color-button-secondary-focus-ring: rgba(173,63,103,0.24); --color-button-secondary-disabled-background: #F1E4E7; --color-button-secondary-disabled-text: #B7ADB0; --color-button-success-background: #e0f5e6; --color-button-success-text: #166534; --color-button-warning-background: #fff3e0; --color-button-warning-text: #bf360c; --color-button-danger-background: #dc2626; --color-button-danger-text: #FFFFFF; --color-button-danger-hover: #b91c1c; --color-button-info-background: #e3edf9; --color-button-info-text: #1d4e89; --color-button-neutral-background: #F1E4E7; --color-button-neutral-text: #2B2B2B; --color-button-whatsapp-background: #0d8043; --color-button-whatsapp-text: #FFFFFF; --color-button-whatsapp-hover: #0a6835; --color-button-icon-text: #7B6F72; --color-button-icon-disabled-text: #B7ADB0; --color-button-floating-background: #AD3F67; --color-button-floating-text: #FFFFFF; --color-button-sticky-background: #AD3F67; --color-button-sticky-text: #FFFFFF; --color-button-outline-background: #FFFFFF; --color-button-outline-text: #AD3F67; --color-button-outline-border: #AD3F67; --color-button-transparent-text: #AD3F67; --color-border-primary: #F1E4E7; --color-border-secondary: #F7E9ED; --color-border-focus: #AD3F67; --color-border-error: #b8341f; --color-border-success: #166534; --color-border-warning: #bf360c; --color-info-background: #e3edf9; --color-info-text: #1d4e89; --color-success-background: #e0f5e6; --color-success-text: #166534; --color-warning-background: #fff3e0; --color-warning-text: #bf360c; --color-error-background: #fde3e1; --color-error-text: #b8341f; --color-danger-background: #dc2626; --color-danger-text: #FFFFFF; --color-neutral-background: #F1E4E7; --color-neutral-text: #2B2B2B; --color-state-available: #166534; --color-state-soldout: #b8341f; --color-state-discount: #AD3F67; --color-state-promo: #8a6d1f; --color-state-selected: #AD3F67; --color-state-hover: #FFF9FC; --color-state-focus: rgba(173,63,103,0.24); --color-state-active: #FDECF2; --color-state-disabled: #B7ADB0; --color-field-background: #FFFFFF; --color-field-text: #2B2B2B; --color-field-border: #F1E4E7; --color-field-border-focus: #AD3F67; --color-field-placeholder: #7B6F72; --color-nav-active-background: #FDECF2; --color-nav-active-text: #AD3F67; --color-nav-inactive-text: #2B2B2B; --color-tab-active-background: #AD3F67; --color-tab-active-text: #FFFFFF; --color-tab-inactive-text: #7B6F72; --color-breadcrumb-text: #7B6F72; --color-breadcrumb-active-text: #AD3F67; --color-accordion-header-background: #FFF9FC; --color-indicator: #AD3F67; --color-card-border: #F1E4E7; --color-card-shadow: rgba(212,106,138,0.10); --color-table-border: #F1E4E7; --color-table-header-background: #FDECF2; --color-table-header-text: #2B2B2B; --color-badge-background: #FDECF2; --color-badge-text: #AD3F67; --color-chip-background: #FDECF2; --color-chip-text: #AD3F67; --color-modal-background: #FFFFFF; --color-modal-border: #F1E4E7; --color-modal-overlay: rgba(20,10,14,0.55); --color-tooltip-background: #2B2B2B; --color-tooltip-text: #FFFFFF; --color-empty-state-text: #7B6F72; --color-price: #AD3F67; --color-price-old: #7B6F72; --color-rating-star: #8a6d1f; --color-cart-badge-background: #AD3F67; --color-cart-badge-text: #FFFFFF; --color-icon-primary: #7B6F72; --color-icon-secondary: #AD3F67; --color-icon-disabled: #B7ADB0; --color-scrollbar-thumb: #EA7EA3; --color-scrollbar-track: #FDF0F5; --color-switch-on-background: #AD3F67; --color-switch-off-background: #E3D5D9; --color-switch-thumb: #FFFFFF; --color-checkbox-checked-background: #AD3F67; --color-checkbox-border: #F1E4E7; --color-radio-checked-background: #AD3F67; --color-radio-border: #F1E4E7; --color-progress-track: #F1E4E7; --color-progress-fill: #AD3F67; --color-skeleton-base: #F1E4E7; --color-skeleton-shine: #FDECF2; --color-selection-background: #AD3F67; --color-selection-text: #FFFFFF; --color-loading-spinner: #AD3F67; }