/* =========================================================
   AMERI DESIGN SYSTEM — LIGHT MODE OVERRIDES
   Componentes de layout.css / components.css que usan color fijo
   (no var()) y por eso necesitan una regla explícita para light mode.
   Se carga tanto en el shell del dashboard (sidebar/topbar/cards/
   tablas/modales/toasts) como en las páginas públicas que comparten
   esos mismos archivos (login/register/download/legal/errores).
   La landing (landing.css) y el navbar flotante (cardnav.css) tienen
   su propio bloque [data-theme="light"] en sus respectivos archivos,
   porque no importan theme.css.
   ========================================================= */

/* --- LAYOUT: SIDEBAR / TOPBAR / NAV --- */
:root[data-theme="light"] .app-container {
    background: radial-gradient(ellipse at bottom, #f9dde9 0%, #f0ecf0 100%) fixed;
}

:root[data-theme="light"] .sidebar {
    background-color: var(--bg-sidebar);
}

:root[data-theme="light"] .brand-section,
:root[data-theme="light"] .brand-logo-icon,
:root[data-theme="light"] .brand-name {
    color: var(--text-primary);
}

:root[data-theme="light"] .sidebar-scrollable::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.15);
}

:root[data-theme="light"] .nav-active-indicator {
    background-color: rgba(0, 0, 0, 0.05);
}

:root[data-theme="light"] .nav-section-label {
    color: rgba(0, 0, 0, 0.35);
}

:root[data-theme="light"] .nav-divider {
    background: rgba(0, 0, 0, 0.06);
}

:root[data-theme="light"] .nav-item {
    color: rgba(0, 0, 0, 0.55);
}

:root[data-theme="light"] .nav-item:hover {
    color: var(--text-primary);
    background-color: rgba(0, 0, 0, 0.045);
}

:root[data-theme="light"] .nav-item:hover i,
:root[data-theme="light"] .nav-item.active {
    color: var(--text-primary);
}

:root[data-theme="light"] .sidebar-footer {
    background-color: var(--bg-sidebar);
}

:root[data-theme="light"] .user-row-profile-link:hover {
    background-color: rgba(0, 0, 0, 0.045);
}

:root[data-theme="light"] .user-avatar {
    background-color: rgba(0, 0, 0, 0.07);
    color: var(--text-primary);
}

:root[data-theme="light"] .user-avatar-ring {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--accent-pink);
}

:root[data-theme="light"] .user-name-text {
    color: rgba(0, 0, 0, 0.8);
}

:root[data-theme="light"] .btn-logout {
    color: rgba(0, 0, 0, 0.4);
}

:root[data-theme="light"] .topbar {
    background-color: rgba(255, 255, 255, 0.85);
}

/* --- BOTONES --- */
:root[data-theme="light"] .btn-primary {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

:root[data-theme="light"] .btn-secondary {
    background-color: rgba(0, 0, 0, 0.035);
    color: rgba(0, 0, 0, 0.72);
    border-color: rgba(0, 0, 0, 0.12);
}

:root[data-theme="light"] .btn-secondary:hover {
    background-color: rgba(0, 0, 0, 0.065);
    border-color: rgba(0, 0, 0, 0.18);
    color: var(--text-primary);
}

:root[data-theme="light"] .btn-danger {
    background-color: rgba(220, 38, 38, 0.08);
    color: #c23a3a;
    border-color: rgba(220, 38, 38, 0.25);
}

:root[data-theme="light"] .btn-danger:hover {
    background-color: #dc2626;
    border-color: #dc2626;
    color: #ffffff;
}

/* --- BENTO CARDS --- */
:root[data-theme="light"] .bento-card {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.015) 0%, rgba(0, 0, 0, 0) 100%), var(--bg-card);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

:root[data-theme="light"] .bento-card:hover {
    border-color: rgba(0, 0, 0, 0.14);
}

:root[data-theme="light"] .bento-card-flat {
    background: var(--bg-card);
    border-top-color: rgba(0, 0, 0, 0.08);
}

:root[data-theme="light"] .bento-card-title {
    color: rgba(0, 0, 0, 0.5);
}

:root[data-theme="light"] .bento-card-title i {
    color: rgba(0, 0, 0, 0.4);
}

:root[data-theme="light"] .bento-desc {
    color: rgba(0, 0, 0, 0.5);
}

:root[data-theme="light"] .bento-stat-num {
    color: var(--text-primary);
}

:root[data-theme="light"] .bento-stat-unit {
    color: rgba(0, 0, 0, 0.65);
}

:root[data-theme="light"] .bento-stat-meta {
    color: rgba(0, 0, 0, 0.45);
}

:root[data-theme="light"] .license-stat-box,
:root[data-theme="light"] .hwid-capsule {
    background: #faf9fa;
    border-color: rgba(0, 0, 0, 0.06);
}

:root[data-theme="light"] .license-empty-title {
    color: var(--text-primary);
}

:root[data-theme="light"] .license-empty-desc {
    color: rgba(0, 0, 0, 0.5);
}

:root[data-theme="light"] .hwid-status-icon {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.08);
    color: rgba(0, 0, 0, 0.4);
}

:root[data-theme="light"] .hwid-value {
    color: rgba(0, 0, 0, 0.6);
}

:root[data-theme="light"] .hwid-cooldown-pill,
:root[data-theme="light"] .settings-locked-note.settings-cooldown-note {
    color: rgba(0, 0, 0, 0.55);
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.08);
}

:root[data-theme="light"] .hwid-cooldown-pill i {
    color: rgba(0, 0, 0, 0.35);
}

:root[data-theme="light"] .hwid-pending-pill {
    color: rgba(0, 0, 0, 0.55);
}

:root[data-theme="light"] .pin-digits {
    color: rgba(0, 0, 0, 0.3);
}

:root[data-theme="light"] .pin-digits.pin-active {
    color: var(--text-primary);
}

:root[data-theme="light"] .pin-copy-btn {
    color: rgba(0, 0, 0, 0.35);
}

:root[data-theme="light"] .pin-timer-text {
    color: rgba(0, 0, 0, 0.45);
}

:root[data-theme="light"] .spec-row {
    border-bottom-color: rgba(0, 0, 0, 0.06);
}

:root[data-theme="light"] .spec-label {
    color: rgba(0, 0, 0, 0.5);
}

:root[data-theme="light"] .spec-val-primary {
    color: var(--text-primary);
}

/* --- BADGES --- */
:root[data-theme="light"] .badge-emerald {
    background-color: rgba(16, 185, 129, 0.12);
    color: #0a8a5c;
    border-color: rgba(16, 185, 129, 0.35);
}

:root[data-theme="light"] .badge-gray {
    background-color: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.55);
    border-color: rgba(0, 0, 0, 0.1);
}

:root[data-theme="light"] .badge-amber {
    background-color: rgba(245, 158, 11, 0.12);
    color: #a66709;
    border-color: rgba(245, 158, 11, 0.35);
}

:root[data-theme="light"] .badge-red {
    background-color: rgba(220, 38, 38, 0.1);
    color: #c23a3a;
    border-color: rgba(220, 38, 38, 0.3);
}

:root[data-theme="light"] .badge-violet {
    background-color: rgba(139, 92, 246, 0.1);
    color: #7c5cd6;
    border-color: rgba(139, 92, 246, 0.3);
}

:root[data-theme="light"] .badge-pink {
    background-color: rgba(184, 87, 124, 0.12);
    border-color: rgba(184, 87, 124, 0.35);
}

:root[data-theme="light"] .spec-tag-warn {
    color: #a66709;
    background: rgba(245, 158, 11, 0.12);
    border-color: rgba(245, 158, 11, 0.35);
}

:root[data-theme="light"] .spec-tag-success {
    color: #0a8a5c;
    background: rgba(16, 185, 129, 0.12);
    border-color: rgba(16, 185, 129, 0.35);
}

:root[data-theme="light"] .hwid-status-icon--bound {
    background: rgba(16, 185, 129, 0.12);
    border-color: rgba(16, 185, 129, 0.35);
    color: #0a8a5c;
}

:root[data-theme="light"] .license-empty-icon {
    background: rgba(220, 38, 38, 0.1);
    border-color: rgba(220, 38, 38, 0.25);
    color: #c23a3a;
}

/* --- PROFILE BANNER --- */
:root[data-theme="light"] .profile-banner {
    background: var(--bg-card);
    border-color: rgba(0, 0, 0, 0.08);
}

:root[data-theme="light"] .profile-avatar {
    background-color: rgba(0, 0, 0, 0.06);
    color: var(--text-primary);
}

:root[data-theme="light"] .profile-avatar-ring {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--accent-pink);
}

:root[data-theme="light"] .discord-corner-badge {
    border-color: #ffffff;
}

:root[data-theme="light"] .profile-username {
    color: var(--text-primary);
}

:root[data-theme="light"] .profile-action-btn {
    background: #f3f1f3;
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.6);
}

:root[data-theme="light"] .profile-action-btn:hover {
    background: #e9e6e9;
    color: var(--accent-pink);
}

/* --- INPUTS --- */
:root[data-theme="light"] .input-icon {
    color: rgba(0, 0, 0, 0.35);
}

:root[data-theme="light"] .form-input {
    border-color: rgba(0, 0, 0, 0.16);
}

:root[data-theme="light"] .form-input:focus {
    background-color: rgba(184, 87, 124, 0.05);
    box-shadow: 0 0 0 3px rgba(184, 87, 124, 0.12);
}

:root[data-theme="light"] .form-input::placeholder {
    color: rgba(0, 0, 0, 0.32);
}

/* --- TABLAS --- */
:root[data-theme="light"] .data-table th {
    background-color: #f7f5f7;
}

:root[data-theme="light"] .data-table td {
    border-bottom-color: rgba(0, 0, 0, 0.06);
}

:root[data-theme="light"] .data-table tr:hover td {
    background-color: rgba(0, 0, 0, 0.025);
}

/* --- SKELETON LOADER --- */
:root[data-theme="light"] .t-skel-bar {
    background: rgba(0, 0, 0, 0.07);
}

/* --- MODALES --- */
:root[data-theme="light"] .modal-overlay {
    background-color: rgba(30, 24, 30, 0.3);
}

:root[data-theme="light"] .modal-box {
    background-color: var(--bg-card);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18);
}

:root[data-theme="light"] .modal-title {
    color: var(--text-primary);
}

:root[data-theme="light"] .modal-close:hover {
    color: var(--text-primary);
}

/* --- TOASTS --- */
:root[data-theme="light"] .toast {
    background-color: var(--bg-card);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.14);
}

:root[data-theme="light"] #toast-container.expanded .toast {
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
}

/* --- WIDGET DE IDIOMA (topbar) --- */
:root[data-theme="light"] .lang-icon-btn {
    background: #f3f1f3;
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.6);
}

:root[data-theme="light"] .lang-icon-btn:hover {
    background: #e9e6e9;
    border-color: rgba(0, 0, 0, 0.18);
    color: var(--text-primary);
}

/* --- SETTINGS PAGE --- */
:root[data-theme="light"] .settings-panel {
    background: var(--bg-card);
    border-color: rgba(0, 0, 0, 0.07);
}

:root[data-theme="light"] .settings-profile-badge--discord,
:root[data-theme="light"] .settings-profile-badge--cooldown {
    background: rgba(0, 0, 0, 0.035);
    border-color: rgba(0, 0, 0, 0.1);
}

:root[data-theme="light"] .settings-avatar-edit-btn {
    border-color: #ffffff;
}

:root[data-theme="light"] .settings-lang-switch,
:root[data-theme="light"] .settings-theme-switch {
    background: #f1eff1;
    border-color: rgba(0, 0, 0, 0.1);
}

:root[data-theme="light"] .settings-lang-option:hover,
:root[data-theme="light"] .settings-theme-option:hover {
    color: var(--text-primary);
}

:root[data-theme="light"] .settings-locked-note {
    background: rgba(0, 0, 0, 0.035);
    border-color: rgba(0, 0, 0, 0.1);
}

/* --- AUTH PAGES (login / register) --- */
:root[data-theme="light"] .auth-page {
    background: radial-gradient(ellipse at bottom, #f9dde9 0%, #f0ecf0 100%) fixed;
}

:root[data-theme="light"] .auth-card {
    background: linear-gradient(180deg, rgba(184, 87, 124, 0.05) 0%, rgba(184, 87, 124, 0) 220px), #ffffff;
    border-color: rgba(184, 87, 124, 0.18);
}

:root[data-theme="light"] .auth-desc,
:root[data-theme="light"] .auth-divider,
:root[data-theme="light"] .auth-footer {
    color: var(--text-secondary);
}

:root[data-theme="light"] .auth-footer a {
    color: var(--text-primary);
}

/* --- DOWNLOAD PAGE --- */
:root[data-theme="light"] .download-note-card,
:root[data-theme="light"] .download-card {
    background: linear-gradient(180deg, rgba(184, 87, 124, 0.05) 0%, rgba(184, 87, 124, 0) 220px), #ffffff;
    border-color: rgba(184, 87, 124, 0.18);
}

:root[data-theme="light"] .download-card:hover {
    border-color: rgba(184, 87, 124, 0.3);
}

:root[data-theme="light"] .download-subtitle {
    color: var(--text-secondary);
}