:root {
  --transparencia-geral: 0.5;
  --transparencia-inputs: 0.9;
  --blur-nivel: 3px;
  --cor-primaria: #dd9d7e;
  --cor-secundaria: #694a18;
  --cor-fundo-card: 252, 239, 230;
  --cor-fundo-input: 253, 243, 235;
  --cor-texto-claro: #faf7f7;
}

body {
  background: url('wallpaper_soundvet.png') center/cover fixed;
}

/* Cards - unificado para login-box e register-box */
.login-box .card,
.register-box .card {
  background: rgba(var(--cor-fundo-card), var(--transparencia-geral)) !important;
  color: var(--cor-secundaria);
  backdrop-filter: blur(var(--blur-nivel)) !important;
  -webkit-backdrop-filter: blur(var(--blur-nivel)) !important;
  border-radius: 15px;
  box-shadow: none !important;
  border: none !important;
}

.login-box .card-body,
.register-box .card-body {
  background: transparent !important;
}

.card-header {
  background: transparent !important;
  border: none !important;
  padding: 20px !important;
}

/* Largura da caixa de registro */
.register-box {
  width: 380px !important;
}

/* Textos e mensagens */
.login-logo a,
.register-logo,
.login-box-msg {
  color: var(--cor-secundaria);
}

/* Campos de input */
.form-control,
.input-group-text {
  background-color: rgba(var(--cor-fundo-input), var(--transparencia-inputs)) !important;
  border: 1px solid var(--cor-primaria);
  color: var(--cor-secundaria);
}

.form-control {
  border-right: none;
}

.input-group-text {
  border-left: none;
}

.form-control::placeholder {
  color: var(--cor-secundaria);
  opacity: 0.7;
}

.form-control:focus,
.form-control:focus + .input-group-append .input-group-text {
  background-color: rgba(var(--cor-fundo-input), 0.7) !important;
  border-color: var(--cor-secundaria);
  color: var(--cor-secundaria);
}

.form-control:focus {
  box-shadow: none;
}

/* Botões principais */
.btn-primary,
.btn-danger,
.btn-facebook {
  background-color: var(--cor-primaria) !important;
  border: none !important;
  color: var(--cor-texto-claro) !important;
}

.btn-primary:hover,
.btn-danger:hover,
.btn-facebook:hover {
  background-color: var(--cor-secundaria) !important;
}

/* Checkbox */
.icheck-primary > label::before {
  background-color: rgba(var(--cor-fundo-input), 0.5) !important;
  border: 1px solid var(--cor-primaria) !important;
}

.icheck-primary > input:checked + label::before,
.icheck-primary > input:first-child:checked + label::before,
.icheck-primary > input:first-child:checked + input[type=hidden] + label::before {
  background-color: var(--cor-primaria) !important;
  border-color: var(--cor-primaria) !important;
}

.icheck-primary > input:checked + label::after {
  border-width: 0 3px 3px 0 !important;
  border-color: white !important;
}

.icheck-primary label {
  color: var(--cor-secundaria);
  font-weight: 400 !important;
}

.icheck-primary label a {
  font-weight: 700 !important;
}

/* Links */
.login-box a,
.register-box a,
.login-page p > a {
  color: var(--cor-secundaria);
  font-weight: 500;
}

.login-box a:hover,
.register-box a:hover,
.login-page p > a:hover {
  color: var(--cor-primaria);
}

/* Ajuste específico para recover - cor de fundo dos inputs */
input.form-control {
  background-color: #fbf2ea !important;
}