/*
 * Marca DiopLab no app — aprovada pelo dono em 09/10/2026, ligada para todos.
 *
 * Leva a identidade do site (site.css: marinho + dourado, Inter/Fraunces) para dentro
 * do sistema logado, que até aqui usava o Bootstrap de fábrica (azul #0d6efd, fonte do
 * SO). Carregado por templates/_marca_head.php (header.php, login e páginas de entrada).
 * Tudo fica atrás de :root[data-marca="dioplab"]: ?marca=0 tira o atributo naquele
 * navegador e devolve o Bootstrap de fábrica (saída de emergência), ?marca=1 religa.
 *
 * Por que redefinir componente por componente: no BS 5.3 trocar --bs-primary NÃO
 * repinta .btn-primary, foco de campo, checkbox, paginação etc. — cada um compilou o
 * azul como literal ou como variável própria (--bs-btn-bg, --bs-pagination-active-bg…).
 *
 * Cores de STATUS (success/danger/warning/info) ficam intocadas de propósito: carregam
 * significado operacional e precisam continuar inconfundíveis. Pelo mesmo motivo os
 * gráficos (Chart.js) mantêm a paleta deles: ali o azul é cor de SÉRIE, não de marca.
 */

:root[data-marca="dioplab"] {
    --mk-ink: #0b1324;
    --mk-navy: #1c2740;
    --mk-navy-hover: #0b1324;
    --mk-navy-rgb: 28, 39, 64;
    --mk-gold: #b8863b;
    --mk-gold-2: #d9a756;
    --mk-gold-rgb: 184, 134, 59;
    --mk-paper: #faf8f4;
    --mk-line: #e6e2d9;

    /* Cor de ação = marinho no claro; o foco/acento = dourado. */
    --mk-primary: var(--mk-navy);
    --mk-primary-hover: var(--mk-navy-hover);
    --mk-primary-rgb: var(--mk-navy-rgb);
    --mk-on-primary: #ffffff;
    --mk-accent: var(--mk-gold);
    --mk-accent-rgb: var(--mk-gold-rgb);

    --bs-primary: var(--mk-primary);
    --bs-primary-rgb: var(--mk-primary-rgb);
    --bs-primary-text-emphasis: #141c2e;
    --bs-primary-bg-subtle: #e8eaf0;
    --bs-primary-border-subtle: #c3c8d4;
    --bs-link-color: #2a3a5e;
    --bs-link-color-rgb: 42, 58, 94;
    /* Dourado escurecido: o #b8863b como TEXTO sobre o papel dá 3,0:1 (reprova); este dá 5,0:1. */
    --bs-link-hover-color: #8c6428;
    --bs-link-hover-color-rgb: 140, 100, 40;
    --bs-focus-ring-color: rgba(var(--mk-accent-rgb), .30);

    --bs-body-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --bs-body-bg: var(--mk-paper);
    --bs-body-bg-rgb: 250, 248, 244;
    --bs-body-color: var(--mk-ink);
    --bs-body-color-rgb: 11, 19, 36;
    --bs-border-color: var(--mk-line);
    --bs-tertiary-bg: #f3f0ea;
    --bs-tertiary-bg-rgb: 243, 240, 234;
}

/* Escuro: marinho some no fundo escuro, então a ação vira o dourado (texto escuro em
   cima, contraste 8:1) e os links ficam dourado-claro. */
:root[data-marca="dioplab"][data-bs-theme="dark"] {
    --mk-primary: var(--mk-gold-2);
    --mk-primary-hover: #e6bd78;
    --mk-primary-rgb: 217, 167, 86;
    --mk-on-primary: var(--mk-ink);

    --bs-primary-text-emphasis: #ecd3a6;
    --bs-primary-bg-subtle: #2e2617;
    --bs-primary-border-subtle: #6b5530;
    --bs-link-color: #e2bb7c;
    --bs-link-color-rgb: 226, 187, 124;
    --bs-link-hover-color: #f0d4a4;
    --bs-link-hover-color-rgb: 240, 212, 164;

    --bs-body-bg: #10141d;
    --bs-body-bg-rgb: 16, 20, 29;
    --bs-body-color: #e4e2dc;
    --bs-body-color-rgb: 228, 226, 220;
    --bs-border-color: #2b3242;
    --bs-tertiary-bg: #171c27;
    --bs-tertiary-bg-rgb: 23, 28, 39;
}

/* ---- Botões ---------------------------------------------------------------- */
:root[data-marca="dioplab"] .btn-primary {
    --bs-btn-color: var(--mk-on-primary);
    --bs-btn-bg: var(--mk-primary);
    --bs-btn-border-color: var(--mk-primary);
    --bs-btn-hover-color: var(--mk-on-primary);
    --bs-btn-hover-bg: var(--mk-primary-hover);
    --bs-btn-hover-border-color: var(--mk-primary-hover);
    --bs-btn-focus-shadow-rgb: var(--mk-accent-rgb);
    --bs-btn-active-color: var(--mk-on-primary);
    --bs-btn-active-bg: var(--mk-primary-hover);
    --bs-btn-active-border-color: var(--mk-primary-hover);
    --bs-btn-disabled-color: var(--mk-on-primary);
    --bs-btn-disabled-bg: var(--mk-primary);
    --bs-btn-disabled-border-color: var(--mk-primary);
}
:root[data-marca="dioplab"] .btn-outline-primary {
    --bs-btn-color: var(--mk-primary);
    --bs-btn-border-color: var(--mk-primary);
    --bs-btn-hover-color: var(--mk-on-primary);
    --bs-btn-hover-bg: var(--mk-primary);
    --bs-btn-hover-border-color: var(--mk-primary);
    --bs-btn-focus-shadow-rgb: var(--mk-accent-rgb);
    --bs-btn-active-color: var(--mk-on-primary);
    --bs-btn-active-bg: var(--mk-primary);
    --bs-btn-active-border-color: var(--mk-primary);
    --bs-btn-disabled-color: var(--mk-primary);
    --bs-btn-disabled-border-color: var(--mk-primary);
}
:root[data-marca="dioplab"] .btn { font-weight: 500; }

/* ---- Foco e controles de formulário (azul compilado como literal no BS) ------- */
:root[data-marca="dioplab"] .form-control:focus,
:root[data-marca="dioplab"] .form-select:focus,
:root[data-marca="dioplab"] .form-check-input:focus {
    border-color: rgba(var(--mk-accent-rgb), .75);
    box-shadow: 0 0 0 .25rem rgba(var(--mk-accent-rgb), .22);
}
:root[data-marca="dioplab"] .form-check-input:checked,
:root[data-marca="dioplab"] .form-check-input[type=checkbox]:indeterminate {
    background-color: var(--mk-primary);
    border-color: var(--mk-primary);
}
:root[data-marca="dioplab"] .form-range::-webkit-slider-thumb { background-color: var(--mk-primary); }
:root[data-marca="dioplab"] .form-range::-moz-range-thumb { background-color: var(--mk-primary); }
:root[data-marca="dioplab"] .nav-link:focus-visible { box-shadow: 0 0 0 .25rem rgba(var(--mk-accent-rgb), .30); }

/* ---- Componentes com variável própria ---------------------------------------- */
:root[data-marca="dioplab"] .dropdown-menu { --bs-dropdown-link-active-bg: var(--mk-primary); --bs-dropdown-link-active-color: var(--mk-on-primary); }
:root[data-marca="dioplab"] .nav-pills { --bs-nav-pills-link-active-bg: var(--mk-primary); --bs-nav-pills-link-active-color: var(--mk-on-primary); }
:root[data-marca="dioplab"] .pagination {
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(var(--mk-accent-rgb), .25);
    --bs-pagination-active-bg: var(--mk-primary);
    --bs-pagination-active-border-color: var(--mk-primary);
    --bs-pagination-active-color: var(--mk-on-primary);
}
:root[data-marca="dioplab"] .progress,
:root[data-marca="dioplab"] .progress-stacked { --bs-progress-bar-bg: var(--mk-primary); }
:root[data-marca="dioplab"] .list-group {
    --bs-list-group-active-bg: var(--mk-primary);
    --bs-list-group-active-border-color: var(--mk-primary);
    --bs-list-group-active-color: var(--mk-on-primary);
}
:root[data-marca="dioplab"] .nav-tabs .nav-link.active { box-shadow: inset 0 -2px 0 var(--mk-accent); }

/* ---- Navbar: nome em Fraunces, item ativo sublinhado em dourado ---------------- */
:root[data-marca="dioplab"] .navbar-brand > span {
    font-family: 'Fraunces', Georgia, serif;
    font-weight: 600;
    letter-spacing: -.01em;
}
/* Dourado só no ÍCONE e no sublinhado (não-texto, 3:1 basta); o rótulo do item ativo
   fica na cor de ação, porque dourado como texto no claro não passa 4.5:1. */
:root[data-marca="dioplab"] .navbar-brand > i,
:root[data-marca="dioplab"] .navbar-glass .navbar-nav > .nav-item > .nav-link.active > i { color: var(--mk-accent); }
:root[data-marca="dioplab"] .navbar-glass .navbar-nav > .nav-item > .nav-link.active { color: var(--mk-primary); box-shadow: inset 0 -2px 0 var(--mk-accent); }

/* Cards levemente quentes sobre o fundo papel, para não "flutuarem" brancos demais. */
:root[data-marca="dioplab"] .card { --bs-card-border-color: var(--mk-line); }
:root[data-marca="dioplab"][data-bs-theme="dark"] .card { --bs-card-border-color: #2b3242; }

/* Títulos de página (h1–h3 fora de tabela/modal) em Fraunces, como no site. */
:root[data-marca="dioplab"] .container-fluid > h1,
:root[data-marca="dioplab"] .container-fluid > h2,
:root[data-marca="dioplab"] .container-fluid > h3,
:root[data-marca="dioplab"] .container-fluid > .d-flex > h1,
:root[data-marca="dioplab"] .container-fluid > .d-flex > h2,
:root[data-marca="dioplab"] .container-fluid > .d-flex > h3 {
    font-family: 'Fraunces', Georgia, serif;
    font-weight: 600;
    letter-spacing: -.01em;
}

/* ---- Home (home.css): os tokens --hv-* do painel seguem a marca ---------------
   Especificidade maior que :root / :root[data-bs-theme=dark] do home.css, então vale
   independentemente da ordem dos <link>. Contraste conferido (texto ≥ 4.5:1 sobre bg,
   surface e surface-2 nos dois temas). */
:root[data-marca="dioplab"] {
    --hv-bg: var(--mk-paper);
    --hv-surface: #ffffff;
    --hv-surface-2: #f3f0ea;
    --hv-line: var(--mk-line);
    --hv-ink: var(--mk-ink);
    --hv-ink-muted: #5b6478;
    --hv-ink-subtle: #656c7a;
    --hv-brand: var(--mk-navy);
    --hv-brand-soft: #e8eaf0;
    --hv-on-brand: #ffffff;
    --hv-font: 'Inter', "Segoe UI", system-ui, sans-serif;
}
:root[data-marca="dioplab"][data-bs-theme="dark"] {
    --hv-bg: #10141d;
    --hv-surface: #171c27;
    --hv-surface-2: #1f2533;
    --hv-line: #2b3242;
    --hv-ink: #e4e2dc;
    --hv-ink-muted: #a7adb8;
    --hv-ink-subtle: #8a909b;
    --hv-brand: var(--mk-gold-2);
    --hv-brand-soft: #2e2617;
    --hv-on-brand: var(--mk-ink);
}
:root[data-marca="dioplab"] .hv-hello h1 { font-family: 'Fraunces', Georgia, serif; }