/*
 * Tema escuro do Sistema Gestao 3D sobre o Bootstrap 5.
 *
 * Aqui ficam apenas as cores da identidade (azul-marinho com destaque laranja)
 * aplicadas as variaveis do proprio Bootstrap. Layout e estrutura ficam em app.css.
 */
:root,
[data-bs-theme="dark"] {
    --marinho-100: #101522;
    --marinho-200: #1c2639;
    --marinho-300: #273449;
    --laranja: #ff883f;
    --laranja-escuro: #e9712b;
    --laranja-conteudo: #241305;

    --bs-body-bg: var(--marinho-100);
    --bs-body-color: #e7ecf5;
    --bs-emphasis-color: #ffffff;
    --bs-secondary-color: #94a1b8;
    --bs-tertiary-color: #94a1b8;
    --bs-secondary-bg: var(--marinho-200);
    --bs-tertiary-bg: var(--marinho-300);
    --bs-border-color: var(--marinho-300);
    --bs-border-radius: .75rem;
    --bs-border-radius-sm: .5rem;
    --bs-body-font-size: .875rem;
    --bs-body-font-family: "Segoe UI", system-ui, -apple-system, Arial, sans-serif;

    --bs-primary: var(--laranja);
    --bs-primary-rgb: 255, 136, 63;
    --bs-link-color: var(--laranja);
    --bs-link-color-rgb: 255, 136, 63;
    --bs-link-hover-color: #ffa167;
    --bs-link-hover-color-rgb: 255, 161, 103;

    --bs-success: #36c48f;
    --bs-success-rgb: 54, 196, 143;
    --bs-danger: #ef5f5f;
    --bs-danger-rgb: 239, 95, 95;
    --bs-warning: #f5bc4f;
    --bs-warning-rgb: 245, 188, 79;
    --bs-info: #67b7eb;
    --bs-info-rgb: 103, 183, 235;

    --bs-card-bg: var(--marinho-200);
    --bs-emphasis-color-rgb: 255, 255, 255;
}

/* ---------- Botoes ---------- */
.btn-primary {
    --bs-btn-bg: var(--laranja);
    --bs-btn-border-color: var(--laranja);
    --bs-btn-color: var(--laranja-conteudo);
    --bs-btn-hover-bg: var(--laranja-escuro);
    --bs-btn-hover-border-color: var(--laranja-escuro);
    --bs-btn-hover-color: var(--laranja-conteudo);
    --bs-btn-active-bg: var(--laranja-escuro);
    --bs-btn-active-border-color: var(--laranja-escuro);
    --bs-btn-active-color: var(--laranja-conteudo);
    --bs-btn-disabled-bg: var(--laranja);
    --bs-btn-disabled-border-color: var(--laranja);
    --bs-btn-disabled-color: var(--laranja-conteudo);
    font-weight: 600;
}

.btn-outline-light {
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-border-color: var(--marinho-300);
    --bs-btn-hover-bg: var(--marinho-300);
    --bs-btn-hover-border-color: var(--marinho-300);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-active-bg: var(--marinho-300);
    --bs-btn-active-border-color: var(--marinho-300);
}

/* Botao quadrado so com icone (editar / excluir nas listagens) */
.btn-acao {
    --bs-btn-padding-x: .4rem;
    --bs-btn-padding-y: .35rem;
    --bs-btn-color: var(--bs-secondary-color);
    --bs-btn-border-color: transparent;
    --bs-btn-bg: transparent;
    --bs-btn-hover-bg: var(--marinho-300);
    --bs-btn-hover-border-color: var(--marinho-300);
    --bs-btn-hover-color: var(--bs-body-color);
    --bs-btn-active-bg: var(--marinho-300);
    --bs-btn-active-border-color: var(--marinho-300);
    line-height: 0;
}
.btn-acao svg { width: 18px; height: 18px; }
.btn-acao.text-danger { --bs-btn-color: var(--bs-danger); --bs-btn-hover-color: var(--bs-danger); }

/* ---------- Cartoes ---------- */
.card {
    --bs-card-bg: var(--marinho-200);
    --bs-card-border-color: var(--marinho-300);
    margin-bottom: 18px;
}

/* ---------- Campos ---------- */
.form-control,
.form-select {
    background-color: var(--marinho-100);
    border-color: var(--marinho-300);
    color: var(--bs-body-color);
}
.form-control:focus,
.form-select:focus {
    background-color: var(--marinho-100);
    border-color: var(--laranja);
    color: var(--bs-body-color);
    box-shadow: 0 0 0 .2rem rgba(255, 136, 63, .25);
}
.form-control::placeholder { color: #68748c; }
.form-control:disabled,
.form-select:disabled { background-color: var(--marinho-300); }

/* ---------- Tabelas ---------- */
.table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--bs-body-color);
    --bs-table-border-color: var(--marinho-300);
    --bs-table-striped-bg: rgba(255, 255, 255, .03);
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(255, 136, 63, .08);
    --bs-table-hover-color: var(--bs-body-color);
}
.table > thead th {
    background: var(--marinho-300);
    color: var(--bs-secondary-color);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .4px;
    white-space: nowrap;
}

/* ---------- Diversos ---------- */
.badge { font-weight: 600; }
.alert { margin-bottom: 18px; }