@import url("/avanta-libreria.css?v=1"); /* ============================================================================= AVANTA MARKETING — Capa de tema claro/oscuro (v2, 2026-07-16) ============================================================================= LEY del founder: "claro cambia el 100% del ecosistema; oscuro es oscuro". Sin candados: en claro TODO es claro (header, nav, menús, heros, landings). El motor (avanta-tema.js) pone data-av-tema en desde localStorage 'avanta:tema' (la MISMA clave que la app /pyg-equipos/) o el sistema. CANDADO OSCURO POR CONSTRUCCIÓN: los colores quemados de las páginas se convirtieron a var(--t-*, VALOR_ORIGINAL). En oscuro estas vars NO se definen → cae el fallback → pixel idéntico al aprobado. Aquí solo se definen para CLARO. Paleta = PALETA.md de la app (Apple HIG, medida). ============================================================================= */ /* --- TEMA CLARO ------------------------------------------------------------ */ :root[data-av-tema="claro"] { /* tokens compartidos de las páginas (vocabulario --ink/--bg/--txt/--line) */ /* --ink NO se define aquí: las páginas lo usan como TEXTO y definirlo como superficie causó texto invisible. NO volver a agregarlo. */ --bg: var(--av-lienzo); --bg-2: var(--av-banda); --card: var(--av-card); --surface: var(--av-banda); --txt: var(--av-txt1); --txt-dim: var(--av-txt2); --txt-mute: var(--av-txt3); --line: var(--av-hair); --amber: var(--av-ambar); --amber-soft: var(--av-ambar-suave); --amber-deep: var(--av-ambar-txt); /* tokens de la conversión de quemados (su fallback = el oscuro exacto) */ --t-fondo: var(--av-lienzo); /* fondos de página (#0a0a0b, #050505…) */ --t-card: var(--av-tile); /* superficies/tarjetas (#111214, #16171b…) */ --t-texto: var(--av-txt1); /* texto principal (era #fff/#fafafa) 19.3:1 */ --t-texto-2: var(--av-txt2); /* secundario (era #a1a1aa…) 7.6:1 */ --t-texto-3: var(--av-txt3); /* terciario (era #8a8a93/#71717a) 4.8:1 */ --t-ink: var(--av-ink); /* canal de tinta: vidrios/bordes rgba(blanco,≤.3) */ --t-scrim: var(--av-scrim); /* scrims sobre media: velo negro → velo blanco */ --t-linea-dura: var(--av-linea); --t-panel: 255,255,255; --t-amber-texto: var(--av-ambar-txt); /* ambar-como-texto legible en claro (5:1) */ --t-verde-texto: var(--av-ok); /* exito/disponible como texto (5.5:1) */ --t-rojo-texto: var(--av-peligro); /* peligro/ocupado como texto (4.8:1) */ --t-azul-texto: var(--av-info); /* info como texto (5.9:1) */ /* paneles frosted rgba oscuros → blancos */ /* bordes que eran hex oscuros */ --muted: #57534e; --surface-2: #f5f3ef; /* Adueñamiento 100% (2026-07-17): tokens que las hojas declaraban quemados. SOLO-CLARO a propósito: en oscuro no se definen y cada hoja cae a su fallback original exacto (candado por construcción). */ --green: #047857; --red: #b91c1c; --blue: #0369a1; --success: #047857; --danger: #b91c1c; --accent: var(--av-ambar-txt); --accent-dark: var(--av-ambar-txt); --orange: var(--av-ambar-txt); --oro: var(--av-ambar-txt); --amber2: var(--av-ambar-txt); --amber-2: var(--av-ambar-txt); --amber-d: var(--av-ambar-txt); --amber-bright: var(--av-ambar-txt); --soft: #f5f3ef; --gray: #57534e; --gray-soft: #f5f3ef; --bg-page: #f7f5f2; --bg-elevated: #ffffff; --bg-subtle: #f5f3ef; --bg-overlay: rgba(255,255,255,.92); --bg-glass: rgba(255,255,255,.86); --text-strong: #1c1917; --text-default: #44403c; --text-muted: #57534e; --text-faint: #6b6560; --text-disabled: #a8a29e; --border-soft: rgba(28,25,23,.08); --border-default: rgba(28,25,23,.12); --border-strong: rgba(28,25,23,.18); --avanta-primary: #15294a; --avanta-accent: #3da5d9; --avanta-accent-luxe: #5fb8e7; } /* Etiquetas "eyebrow" ámbar brillante: ilegibles sobre claro → ámbar profundo. */ :root[data-av-tema="claro"] .eyebrow { color: var(--av-ambar-txt); } /* --- TEMA OSCURO: los valores ORIGINALES del sitio (candado global) --------- */ :root[data-av-tema="oscuro"] { --bg: #0A0A0B; --bg-2: #111214; --card: #111214; --surface: #16171b; --txt: #F4F4F5; --txt-dim: #A1A1AA; --txt-mute: #8A8A93; --line: rgba(255, 255, 255, 0.10); --amber: var(--av-ambar); --amber-soft: var(--av-ambar-suave); --amber-deep: var(--av-ambar-txt); /* las --t-* NO se definen: cada quemado cae a su fallback original exacto */ --muted: #b7b7c0; --surface-2: #1c1c20; } /* Transición suave al cambiar de tema. */ :root[data-av-tema] body { transition: background-color 0.2s ease, color 0.2s ease; }