/* ============================================================= Tema de marca por cliente/instancia (white-label). ------------------------------------------------------------ ESTE es el único archivo que hay que tocar para recolorar la marca de un cliente. Se carga DESPUÉS de copianet-modern.css, así que estos valores ganan sobre los defaults de :root. Paleta de MiliMartinez (negro / caqui). Los nombres de variables se conservan de CopiaNet por compatibilidad de clases; leer: --cn-yellow* → tokens de "superficie de marca" (rellenos oscuros). --cn-orange* → tokens de "acento / CTA primario". ============================================================= */ :root, .cn-theme { --cn-yellow: #1A1A1A; --cn-yellow-bright: #F9F9DD; --cn-yellow-accent: #E1E15B; --cn-yellow-soft: #F5F5F5; --cn-orange: #000000; --cn-orange-hover: #333333; --cn-orange-soft: #F5F5F5; --cn-splash-bg: #FFFFFF; /* 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: #fff; --cn-accent: var(--cn-ink); --cn-accent-strong: var(--cn-ink); --cn-focus-ring: rgba(17, 20, 24, 0.12); --cn-bell-ring: #fff; --cn-badge-new-text: #fff; --cn-stock-ok: #000; --cn-stock-low: #000; --cn-note-bg: var(--cn-bg-soft-2); --cn-note-border: var(--cn-line-strong); --cn-sidebar-bg: linear-gradient(180deg, #2A2D33 0%, #1A1A1A 100%); --cn-sidebar-shadow: 1px 0 0 rgba(0, 0, 0, 0.12); --cn-sidebar-text: rgba(255, 255, 255, 0.85); --cn-sidebar-hover-bg: rgba(255, 255, 255, 0.12); --cn-sidebar-hover-text: #fff; --cn-sidebar-active-bg: rgba(255, 255, 255, 0.18); --cn-sidebar-active-shadow: 0 1px 2px rgba(0, 0, 0, 0.18); --cn-sidebar-label: rgba(255, 255, 255, 0.55); --cn-staff-bg: var(--cn-ink); --cn-staff-text: #fff; --cn-staff-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.18); --cn-staff-hover-bg: var(--cn-ink-soft); --cn-staff-hover-shadow: 0 1px 3px rgba(17, 20, 24, 0.3); /* Tokens de rol para app_copianet.css (legacy admin + storefront). */ --cn-admin-toprow-bg: #fff; --cn-admin-grad-end: #EAEA86; --cn-admin-accent: var(--cn-yellow-accent); --cn-accent-2: var(--cn-yellow-accent); --cn-header-icon: #1A1A1A; --cn-btn-admin-hover: #EEEEA4; --cn-search-focus-ring: rgba(225, 225, 91, 0.6); --cn-btn-login-bg: var(--cn-orange); --cn-btn-login-text: white; --cn-btn-login-hover-bg: #333333; --cn-carousel-text-shadow: none; --cn-chip-bg: #F3F3BE; --cn-chip-text: black; --cn-footer-bg: var(--cn-yellow-bright); --cn-login-card-pad: 20px; --cn-splash-grad: linear-gradient(180deg, #F5F5F5 0%, #FAFAFA 55%, #FFFFFF 100%); --cn-spinner-color: rgba(238, 238, 164, 1); --cn-li-printer-bg: #fff; --cn-chip-tag-bg: var(--cn-yellow-accent); --cn-logo-w-sm: 4.8rem; --cn-logo-h-sm: auto; --cn-logo-w-lg: auto; --cn-logo-h-lg: 7rem; } /* 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); }