/* Ícone de check da foto sempre branco */
.foto-check {
  color: #fff !important;
}
/* Remove highlight azul ao clicar no mobile */
:root {
  --brand-navy: #1e2d57;   /* azul escuro do logo */
  --brand-navy-700: #172342;
  --brand-green: #67b66f;  /* verde do logo */
  --brand-green-700: #4da058;
  --brand-bg: #f5f7fa;
}

body {
  -webkit-tap-highlight-color: transparent;
  background-color: var(--brand-bg);
}

/* Bordas arredondadas */
.card { 
  border-radius: 12px; 
}

/* Botões mais amigáveis */
button, .btn { border-radius: 8px; font-weight: 500; }

/* Paleta aplicada aos botões primários */
.btn-primary {
  background-color: var(--brand-navy);
  border-color: var(--brand-navy);
}
.btn-primary:hover, .btn-primary:focus {
  background-color: var(--brand-navy-700);
  border-color: var(--brand-navy-700);
}

/* Links, pequenos detalhes */
a { color: var(--brand-navy); }
a:hover { color: var(--brand-navy-700); }

/* Alertas harmonizados */
.alert-warning { color: #735c0f; background-color: #fff3cd; border-color: #ffe69c; }
.alert-danger { color: #842029; background-color: #f8d7da; border-color: #f5c2c7; }

/* Barra e títulos com identidade */
.navbar .navbar-brand { color: var(--brand-navy); font-weight: 600; }
.brand-accent { color: var(--brand-green); }
.brand-gradient {
  background: linear-gradient(135deg, var(--brand-navy) 0%, var(--brand-green) 100%);
}

/* Cartão de login com destaque de topo */
.login-card .card-header {
  border-bottom: none;
  padding: 20px 20px 0 20px;
  background: transparent;
}
.login-card .brand-logo {
  width: 140px;
  height: auto;
}
.login-card .title { color: var(--brand-navy); font-weight: 600; }

/* Previews de imagens */
.preview {
  border: 1px solid #ddd;
  max-height: 200px;
  object-fit: cover;
}