/* BRL_LIGHT_MODE_OVERRIDES Aplica cuando .dark NO está en No tocar colores del modo dark — solo sobreescribir hardcodes que quedaron visibles en light mode. */ /* ── brl-assets-status-banner ──────────────────────────────── color: #e8eefc hardcodeado → adaptado a light mode */ html:not(.dark) .brl-assets-status-banner { color: #1e293b; background: linear-gradient(180deg, rgba(16,185,129,.10), rgba(99,102,241,.08)); border-color: rgba(16,185,129,.35); } html:not(.dark) .brl-assets-status-banner strong { color: #0f172a; } html:not(.dark) .brl-assets-status-banner p { color: #334155; } /* ── brl-core-status-banner (index.html) ─────────────────────*/ html:not(.dark) .brl-core-status-banner { color: #1e293b; background: linear-gradient(180deg, rgba(99,102,241,.08), rgba(16,185,129,.06)); border-color: rgba(99,102,241,.25); } html:not(.dark) .brl-core-status-banner strong { color: #0f172a; } html:not(.dark) .brl-core-status-banner p { color: #334155; } /* ── brl-static-legal-card ─────────────────────────────────── background oscuro + color gris → adaptado a light */ html:not(.dark) .brl-static-legal-card { background: rgba(241,245,249,.80); border-color: rgba(100,116,139,.18); color: #475569; } html:not(.dark) .brl-static-legal-card a { color: #4f46e5; } html:not(.dark) .brl-static-legal-card a:hover { color: #4338ca; } /* ── card-elevated y card-static ──────────────────────────── En dark usan --color-panel. En light necesitan fondo blanco */ html:not(.dark) .card-elevated, html:not(.dark) .card-static { background: #ffffff; border-color: #e2e8f0; } /* ── Badges en light mode ────────────────────────────────────*/ html:not(.dark) .badge { color: #1e293b; } /* ── Sidebar y nav en light mode ─────────────────────────────*/ html:not(.dark) .sidebar { background: #f1f5f9; border-color: #e2e8f0; } html:not(.dark) .nav-item { color: #475569; } html:not(.dark) .nav-item:hover, html:not(.dark) .nav-item.active { background: rgba(99,102,241,.10); color: #4f46e5; } /* ── Data tables ─────────────────────────────────────────────*/ html:not(.dark) .data-table th { color: #64748b; border-color: #e2e8f0; } html:not(.dark) .data-table td { border-color: #f1f5f9; } html:not(.dark) .data-table tr:hover td { background: #f8fafc; } /* ── Form controls ───────────────────────────────────────────*/ html:not(.dark) .form-control { background: #ffffff; border-color: #cbd5e1; color: #0f172a; } html:not(.dark) .form-control:focus { border-color: #6366f1; } /* ── Header ──────────────────────────────────────────────────*/ html:not(.dark) header, html:not(.dark) .header { background: #ffffff; border-color: #e2e8f0; } /* ── brl-core-status-banner (index.html) ────────────────────*/ html:not(.dark) .brl-core-status-banner { color: #1e293b !important; background: linear-gradient(180deg, rgba(79,140,255,.08), rgba(139,92,246,.06)) !important; border-color: rgba(99,102,241,.30) !important; } html:not(.dark) .brl-core-status-banner strong { color: #0f172a !important; } html:not(.dark) .brl-core-status-banner p { color: #334155 !important; opacity: 1 !important; } /* ── brl-assets-note (badge verde) ──────────────────────────*/ html:not(.dark) .brl-assets-note { color: #065f46 !important; background: rgba(16,185,129,.12) !important; border-color: rgba(16,185,129,.30) !important; } /* ── brl-disabled-note (badge rojo) ─────────────────────────*/ html:not(.dark) .brl-disabled-note { color: #991b1b !important; background: rgba(239,68,68,.10) !important; border-color: rgba(239,68,68,.25) !important; } /* ── brl-market-card (generado por brl-market.js) ───────────*/ html:not(.dark) .brl-market-card { background: #ffffff !important; border-color: rgba(99,102,241,.18) !important; } html:not(.dark) .brl-market-price { color: #0f172a !important; } html:not(.dark) .brl-market-meta { color: #64748b !important; } html:not(.dark) .brl-market-refresh { color: #64748b !important; } /* ── brl-toast ───────────────────────────────────────────────*/ html:not(.dark) .brl-toast { background: rgba(248,250,252,.97) !important; color: #0f172a !important; border-color: rgba(99,102,241,.22) !important; box-shadow: 0 8px 24px rgba(0,0,0,.12) !important; } /* ── Consejo card (brl-demo-note / onboarding) ───────────────*/ html:not(.dark) [class*="brl-demo"], html:not(.dark) .brl-onboarding-note, html:not(.dark) .brl-tip-card { color: #475569 !important; background: rgba(241,245,249,.90) !important; border-color: #e2e8f0 !important; } /* ── brl-demo-actions — igualar fondo al card contenedor ─────*/ html:not(.dark) .brl-demo-actions { background: transparent !important; border: none !important; } /* ── Botones secundarios en light — texto legible ────────────*/ html:not(.dark) .btn-secondary { color: #1e293b !important; border-color: #cbd5e1 !important; background: #ffffff !important; } html:not(.dark) .btn-secondary:hover { background: #f1f5f9 !important; } /* ── Botones primarios — mantener texto blanco ───────────────*/ html:not(.dark) .btn-primary { color: #ffffff !important; } /* ── badge-success en light — texto verde, no blanco ─────────*/ html:not(.dark) .badge-success { color: #059669 !important; } /* ── Badges — colores específicos por variante en light ──────*/ /* badge-info: fondo casi transparente → texto accent */ html:not(.dark) .badge-info { color: #5b61f6 !important; } /* badge-danger: fondo casi transparente → texto rojo */ html:not(.dark) .badge-danger { color: #ef4444 !important; } /* badge-warning: fondo casi transparente → texto ámbar */ html:not(.dark) .badge-warning { color: #d97706 !important; } /* badge-cyan: fondo casi transparente → texto cyan */ html:not(.dark) .badge-cyan { color: #0891b2 !important; } /* Badges con fondo sólido oscuro mantienen texto blanco */ html:not(.dark) .badge-primary, html:not(.dark) .badge-indigo { color: #ffffff !important; } /* ── brl-demo-note — texto legible en light mode ────────────*/ html:not(.dark) .brl-demo-note, html:not(.dark) [class*="brl-demo-note"] { color: #334155 !important; background: rgba(241,245,249,.90) !important; border-color: #e2e8f0 !important; }