/* Paletas selecionáveis em Painel administrativo > Informações do site. */
html[data-site-theme="verde"] {
    --theme-bg: #111a16;
    --theme-page: #0a100d;
    --theme-nav: #202d27;
    --theme-sidebar: #1b2621;
    --theme-dropdown: #087c4a;
    --theme-button: #0c7446;
    --theme-deep-1: #063c25;
    --theme-deep-2: #0b6b42;
    --theme-deep-3: #16a962;
    --theme-accent: #20dc80;
    --theme-accent-strong: #39ef99;
    --theme-accent-soft: #75f2b6;
    --theme-accent-mid: #10a85f;
    --theme-accent-count: #16c272;
    --theme-accent-rgb: 32, 220, 128;
    --theme-border-rgb: 57, 239, 153;
    --theme-ink: #04130b;
    --theme-text: #f1fff7;
    --theme-text-muted: #d7f4e4;
    --theme-card: #17251e;
}

html[data-site-theme="vermelho"] {
    /* Paleta auditada em cursos.apkloja.com/cursos/preview.php?id=1. */
    --theme-bg: #061624;
    --theme-page: #061624;
    --theme-nav: #0f172a;
    --theme-sidebar: #0f172a;
    --theme-dropdown: #312e81;
    --theme-button: #6366f1;
    --theme-deep-1: #0f172a;
    --theme-deep-2: #312e81;
    --theme-deep-3: #6366f1;
    --theme-accent: #6366f1;
    --theme-accent-strong: #a855f7;
    --theme-accent-soft: #f1e448;
    --theme-accent-mid: #8b5cf6;
    --theme-accent-count: #a855f7;
    --theme-accent-rgb: 99, 102, 241;
    --theme-border-rgb: 99, 102, 241;
    --theme-ink: #080d1b;
    --theme-text: #e2e8f0;
    --theme-text-muted: #b7c1d0;
    --theme-card: #0d1d2b;
    --theme-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
}

html[data-site-theme="lilas"] {
    /* Paleta NorteFlix importada do template de referência. */
    --theme-bg: #1c1c1c;
    --theme-page: #1c1c1c;
    --theme-nav: #292e39;
    --theme-sidebar: #212529;
    --theme-dropdown: #0656ec;
    --theme-button: #060f23;
    --theme-deep-1: hsl(186, 74%, 14%);
    --theme-deep-2: #0e555b;
    --theme-deep-3: hsl(186, 74%, 37%);
    --theme-accent: #0656ec;
    --theme-accent-strong: #0656ec;
    --theme-accent-soft: #73a5d6;
    --theme-accent-mid: #0656ec;
    --theme-accent-count: #0656ec;
    --theme-accent-rgb: 6, 86, 236;
    --theme-border-rgb: 6, 86, 236;
    --theme-ink: #000;
    --theme-text: #fff;
    --theme-text-muted: #dce7f3;
    --theme-card: #212529;
}

/* Verde e vermelho usam o mapeamento moderno. A paleta NorteFlix (chave
   legada "lilas") mantém as variáveis exatas importadas de colors.css. */
html[data-site-theme]:not([data-site-theme="lilas"]) {
    --body-background: var(--theme-bg);
    --page-opacity-background: var(--theme-page);
    --btn-um-background: var(--theme-button);
    --btn-um-color: var(--theme-text);
    --btn-um-color-hover: #fff;
    --navbar-background: var(--theme-nav);
    --navbar-btn: var(--theme-button);
    --navbar-btn-hover: var(--theme-accent);
    --navbar-btn-text: var(--theme-text);
    --navbar-btn-text-hover: #fff;
    --dropdown-idiomas-background: var(--theme-dropdown);
    --dropdown-idiomas-background-hover: var(--theme-accent);
    --dropdown-idiomas-color: var(--theme-text);
    --sidebar-background: var(--theme-sidebar);
    --sidebar-btn-color: var(--theme-deep-2);
    --sidebar-text-color: var(--theme-text);
    --sidebar-text-color-hover: #fff;
    --sidebar-text-info-color: var(--theme-text-muted);
    --sidebar-top-background: linear-gradient(145deg, #030405 0%, var(--theme-deep-1) 34%, var(--theme-deep-2) 68%, var(--theme-deep-3) 100%);
    --categorias-home-icon: var(--theme-accent-soft);
    --categorias-home-background: linear-gradient(135deg, var(--theme-deep-1) 0%, var(--theme-deep-2) 48%, var(--theme-deep-3) 100%);
    --categorias-home-background-hover: linear-gradient(145deg, var(--theme-deep-1) 0%, var(--theme-deep-3) 52%, var(--theme-accent) 100%);
    --categorias-home-cursos-top-info: linear-gradient(135deg, #050607 0%, var(--theme-deep-2) 38%, var(--theme-deep-3) 72%, var(--theme-accent-mid) 100%);
    --categorias-page-list-background: var(--categorias-home-background);
    --categorias-page-list-hover: var(--categorias-home-background-hover);
    --categorias-count-background: var(--theme-accent-count);
    --categorias-home-cursos-top-arrows-background: var(--theme-accent-mid);
    --curso-lista-carga-horaria: var(--theme-accent-mid);
    --curso-lista-color-unlock: var(--theme-accent-soft);
    --curso-lista-color-lock: var(--theme-accent-soft);
    --curso-lista-background: var(--theme-card);
    --curso-lista-background-hover: linear-gradient(180deg, var(--theme-deep-2) 0%, #0c1012 100%);
    --categorias-lateral-background: var(--categorias-home-background);
    --categorias-lateral-hover: var(--categorias-home-background-hover);
    --categorias-lateral-color-hover: var(--theme-accent-soft);
    --categorias-lateral-border-bottom: var(--theme-accent-strong);
    --card-dashboard-right-background: var(--categorias-home-cursos-top-info);
    --table-img-border-color: var(--theme-accent-strong);
    --table-td-color-hover: var(--theme-accent-soft);
    --table-buttons-pagination-background: var(--theme-accent-mid);
    --table-buttons-pagination-border: var(--theme-accent-mid);
    --table-buttons-pagination-color-hover: #fff;
    --card-button: var(--theme-accent-mid);
    --card-button-hover: var(--theme-accent);
    --card-button-text: var(--theme-text);
    --card-button-text-hover: #fff;
    --card-link-hover: var(--theme-accent-soft);
    --moda-image-add-carousel-border: var(--theme-accent-strong);
    --accordion-second-border-color: var(--theme-accent-strong);
    --paine-admin-curso-informacoes-img-border: var(--theme-accent-strong);
    --paine-admin-curso-list-group-one-hover: var(--theme-accent-mid);
    --curso-add-editar-list-group-color-hover: var(--theme-accent-soft);
    --input-border-focus: var(--theme-accent-strong);
    --input-group-text-background: var(--theme-accent-mid);
    --input-form-check-radio-background-selected: var(--theme-accent-strong);
    --gerar-senha-background: var(--theme-accent-mid);
    --navtabs-border-bottom-color: var(--theme-accent-strong);
    --image-avatar-change-border: var(--theme-accent-strong);
    --administrador-perfil-avatar-border: var(--theme-accent-strong);
    --administrador-perfil-list-group-color-hover: var(--theme-accent-soft);
    --painel-admim-aluno-cursos-list-group-color-hover: var(--theme-accent-soft);
    --site-informacoes-avatar-border: var(--theme-accent-strong);
    --curso-single-right-color-icon-check-box: var(--theme-accent-strong);
    --curso-single-right-list-group-color-hover: var(--theme-accent-soft);
    --curso-single-right-list-group-border-hover: var(--theme-accent-strong);
    --curso-single-right-img: var(--theme-accent-strong);
    --curso-single-left-iframe: var(--theme-accent-strong);
    --curso-single-left-info-color-icon: var(--theme-accent-soft);
    --curso-single-right-color-icon: var(--theme-accent-soft);
    --curso-single-left-list-group-border-hover: var(--theme-accent-strong);
    --curso-single-left-list-group-color-hover: var(--theme-accent-soft);
    --curso-single-accordion-border-color: var(--theme-accent-strong);
    --curso-single-accordion-button-border: var(--theme-accent-strong);
    --curso-single-accordion-icon-lock: var(--theme-accent-soft);
    --curso-single-accordion-icon-lock-hover: var(--theme-accent-soft);
    --curso-single-accordion-icon-video: var(--theme-accent-soft);
    --curso-single-accordion-icon-video-hover: var(--theme-accent-soft);
    --curso-single-accordion-body-text-hover: var(--theme-accent-soft);
    --aluno-perfil-page-list-group-color-hover: var(--theme-accent-soft);
    --premium-page-icon-top-background: var(--theme-accent-mid);
    --premium-page-badge-background: var(--theme-accent-mid);
    --curso-play-right-list-group-border-hover: var(--theme-accent-strong);
    --curso-play-right-color-icon: var(--theme-accent-soft);
    --curso-play-right-list-group-color-hover: var(--theme-accent-soft);
    --curso-play-comentario-list-data: var(--theme-accent-soft);
    --sweetalert-btn-confirm-background: var(--theme-accent-mid);
    --sweetalert-icon-color: var(--theme-accent-soft);
}

/* Ajustes exclusivos do tema APK Loja, que substitui a antiga opção Vermelho. */
html[data-site-theme="vermelho"] {
    --sidebar-top-background: linear-gradient(145deg, #061624 0%, #0f172a 45%, #312e81 100%);
    --categorias-home-background: linear-gradient(135deg, #0f172a 0%, #312e81 52%, #6366f1 100%);
    --categorias-home-background-hover: var(--theme-gradient);
    --categorias-home-cursos-top-info: linear-gradient(135deg, #061624 0%, #312e81 42%, #6366f1 72%, #a855f7 100%);
    --categorias-page-list-background: var(--categorias-home-background);
    --categorias-page-list-hover: var(--categorias-home-background-hover);
    --categorias-lateral-background: var(--categorias-home-background);
    --categorias-lateral-hover: var(--categorias-home-background-hover);
    --card-dashboard-right-background: var(--categorias-home-cursos-top-info);
}

html[data-site-theme="vermelho"] .btn.btn-um,
html[data-site-theme="vermelho"] .navbar-public .navbar-btn,
html[data-site-theme="vermelho"] .user-page .card .card-body .btn {
    background: var(--theme-gradient) !important;
    color: #fff !important;
}

html[data-site-theme="vermelho"] .btn.btn-um:hover,
html[data-site-theme="vermelho"] .btn.btn-um:focus,
html[data-site-theme="vermelho"] .navbar-public .navbar-btn:hover,
html[data-site-theme="vermelho"] .user-page .card .card-body .btn:hover {
    background: linear-gradient(135deg, #7779f5 0%, #b869f8 100%) !important;
    color: #fff !important;
}

html[data-site-theme="vermelho"] .sidebar-one .list-group-item:hover,
html[data-site-theme="vermelho"] .sidebar-one .accordion-button:hover {
    background: var(--theme-gradient) !important;
}