/* ============================================================= Tema de marca por cliente/instancia (white-label). ------------------------------------------------------------ ESTE es el único lugar donde vive la paleta de marca. Se carga DESPUÉS de copianet-modern.css (que ya NO define estos colores), así que define la paleta completa del cliente. Para un cliente nuevo: copiá este archivo y cambiá los colores. Paleta de Copianet (amarillo / naranja). ============================================================= */ :root, .cn-theme { --cn-yellow: #FFD400; --cn-yellow-bright: #FFE713; --cn-yellow-accent: #F29821; /* en Copianet el rol "accent" lo cumple el naranja */ --cn-yellow-soft: #FFF4B3; --cn-orange: #F29821; --cn-orange-hover: #E08510; --cn-orange-soft: #FFF1E0; --cn-splash-bg: #FFD400; /* fondo del splash inicial (body en index.html) */ /* ------------------------------------------------------------- Tokens semánticos de rol (white-label). copianet-modern.css usa SIEMPRE estos tokens en los puntos donde las marcas difieren; acá cada cliente les da su valor. Así el .css es idéntico entre clientes y sólo cambian estos valores. ------------------------------------------------------------- */ --cn-promo-text: var(--cn-ink); --cn-accent: var(--cn-orange); --cn-accent-strong: var(--cn-orange-hover); --cn-focus-ring: rgba(242, 152, 33, 0.12); --cn-bell-ring: var(--cn-yellow-bright); --cn-badge-new-text: var(--cn-yellow); --cn-stock-ok: #1A9B59; --cn-stock-low: #B86E00; --cn-note-bg: var(--cn-orange-soft); --cn-note-border: rgba(242, 152, 33, 0.25); --cn-sidebar-bg: linear-gradient(180deg, var(--cn-yellow) 0%, var(--cn-yellow) 88%, var(--cn-orange) 100%); --cn-sidebar-shadow: 1px 0 0 rgba(0, 0, 0, 0.04); --cn-sidebar-text: var(--cn-ink); --cn-sidebar-hover-bg: rgba(255, 255, 255, 0.45); --cn-sidebar-hover-text: var(--cn-ink); --cn-sidebar-active-bg: var(--cn-orange); --cn-sidebar-active-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); --cn-sidebar-label: rgba(0, 0, 0, 0.55); --cn-staff-bg: var(--cn-yellow); --cn-staff-text: var(--cn-ink); --cn-staff-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.06); --cn-staff-hover-bg: var(--cn-orange); --cn-staff-hover-shadow: 0 1px 3px rgba(242, 152, 33, 0.4); /* Tokens de rol para app_copianet.css (legacy admin + storefront). */ --cn-admin-toprow-bg: var(--cn-yellow-bright); --cn-admin-grad-end: var(--cn-orange); --cn-admin-accent: var(--cn-orange); --cn-accent-2: var(--cn-yellow-bright); --cn-header-icon: var(--cn-orange); --cn-btn-admin-hover: #FFF386; --cn-search-focus-ring: rgba(242, 152, 33, 0.4); --cn-btn-login-bg: var(--cn-yellow-bright); --cn-btn-login-text: black; --cn-btn-login-hover-bg: #FFF386; --cn-carousel-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); --cn-chip-bg: var(--cn-yellow-bright); --cn-chip-text: #1A1A1A; --cn-footer-bg: #f8f9fa; --cn-login-card-pad: 28px 24px; --cn-splash-grad: linear-gradient(180deg, var(--cn-yellow) 0%, #FFE89A 55%, #FFFFFF 100%); --cn-spinner-color: rgba(249, 249, 0, 1); --cn-li-printer-bg: var(--cn-yellow-bright); --cn-chip-tag-bg: #ff9f1a; --cn-logo-w-sm: 9.5rem; --cn-logo-h-sm: auto; --cn-logo-w-lg: 13rem; --cn-logo-h-lg: auto; } /* Fondo del splash inicial, mientras Blazor monta. Antes era un style inline en el del index.html; vive acá para que el index.html sea idéntico entre clientes (la marca cambia sólo en este theme.css). */ body { background-color: var(--cn-splash-bg); }