/**
 * Gateway — paleta global alinhada à logo (#112a58 + branco).
 * Carregar depois do bootstrap.min.css
 */
:root {
  --gw-brand: #112a58;
  --gw-brand-rgb: 17, 42, 88;
  --gw-brand-hover: #0d2450;
  --gw-brand-active: #0a1d42;
  --gw-body: #070f1f;
  --gw-body-elevated: #0c1a32;
  --gw-text: #f4f6fb;
  --gw-muted: rgba(244, 246, 251, 0.72);
  --gw-line: rgba(255, 255, 255, 0.12);
}

[data-bs-theme="dark"] {
  --bs-primary: #112a58;
  --bs-primary-rgb: 17, 42, 88;
  --bs-body-bg: var(--gw-body);
  --bs-body-color: var(--gw-text);
  --bs-secondary-color: var(--gw-muted);
  --bs-border-color: var(--gw-line);
  --bs-link-color: #a8c0f0;
  --bs-link-hover-color: #dce6fb;
}

html[data-bs-theme="dark"] body {
  background-color: var(--gw-body);
  color: var(--gw-text);
}

/* Barra superior = cor da marca (como o fundo sólido da logo) */
.navbar.navbar-dark.bg-dark {
  background-color: var(--gw-brand) !important;
  border-bottom: 1px solid var(--gw-line);
}

/* Botão principal = marca */
.btn-primary {
  --bs-btn-bg: var(--gw-brand);
  --bs-btn-border-color: var(--gw-brand);
  --bs-btn-hover-bg: var(--gw-brand-hover);
  --bs-btn-hover-border-color: var(--gw-brand-hover);
  --bs-btn-active-bg: var(--gw-brand-active);
  --bs-btn-active-border-color: var(--gw-brand-active);
  --bs-btn-focus-shadow-rgb: var(--gw-brand-rgb);
}

.btn-outline-light:hover {
  color: var(--gw-brand);
  background-color: #fff;
  border-color: #fff;
}

/* Cards: leve tom da marca, borda suave */
[data-bs-theme="dark"] .card {
  background-color: var(--gw-body-elevated);
  border-color: var(--gw-line);
}

[data-bs-theme="dark"] .card-header {
  background-color: rgba(17, 42, 88, 0.35);
  border-bottom-color: var(--gw-line);
  color: var(--gw-text);
}

/* Tabelas no escuro da marca */
[data-bs-theme="dark"] .table {
  --bs-table-bg: transparent;
  --bs-table-striped-bg: rgba(17, 42, 88, 0.18);
  --bs-table-hover-bg: rgba(17, 42, 88, 0.28);
  color: var(--gw-text);
  border-color: var(--gw-line);
}

[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select {
  background-color: rgba(0, 0, 0, 0.2);
  border-color: var(--gw-line);
  color: var(--gw-text);
}

[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus {
  border-color: rgba(255, 255, 255, 0.35);
  box-shadow: 0 0 0 0.2rem rgba(17, 42, 88, 0.45);
}

/* Login: destaque discreto ligado à logo */
.gw-login-card {
  border-top: 3px solid var(--gw-brand);
}