/*
 * Tema MarcAi — tokens centralizados.
 * Antes deste arquivo, a cor da marca (#d4a373) e suas variacoes viviam
 * hardcoded e duplicadas em _Layout.cshtml, _Navbar.cshtml, Perfil.cshtml e
 * Login.cshtml. Qualquer troca de paleta exigia grep + editar N arquivos.
 * Daqui pra frente, SO estas variaveis mudam pra trocar a identidade visual
 * inteira do app — nenhuma cor de marca deve ser escrita em hex direto em
 * nenhuma .cshtml nova (ver readme.txt secao 15 pro guia completo do rebrand).
 */
:root {
  --brand-primary: #d4a373;
  --brand-primary-hover: #bfa07a;
  --brand-primary-soft: rgba(212, 163, 115, 0.15);
  --brand-primary-shadow: rgba(212, 163, 115, 0.2);
  --brand-bg: #f8f9fa;
  --brand-text: #212529;
  --brand-warning-bg: #fbf0df;
  --brand-warning-text: #96601f;
  --brand-radius-sm: 8px;
  --brand-radius-lg: 16px;
  --brand-card-shadow: 0 4px 18px rgba(0, 0, 0, 0.03);
  --brand-navbar-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
  --brand-font: 'Inter', sans-serif;
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

body {
  font-family: var(--brand-font);
  background-color: var(--brand-bg);
  color: var(--brand-text);
  -webkit-font-smoothing: antialiased;
}

/* Botao primario da marca */
.btn-brand {
  background-color: var(--brand-primary);
  color: #ffffff;
  border: none;
  font-weight: 500;
  transition: all 0.2s ease;
}

.btn-brand:hover, .btn-brand:focus {
  background-color: var(--brand-primary-hover);
  color: #ffffff;
  box-shadow: 0 4px 12px var(--brand-primary-shadow);
}

/* Texto/link na cor da marca (substitui style="color: #d4a373" inline) */
.text-brand, .text-brand:hover {
  color: var(--brand-primary) !important;
}

/* Cartao padrao usado em quase toda tela (Login, Cadastro, Perfil...) */
.card-custom {
  border: none;
  border-radius: var(--brand-radius-lg);
  box-shadow: var(--brand-card-shadow);
}

.form-control:focus, .form-control-lg:focus {
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 0.25rem var(--brand-primary-soft);
}

/* Navbar (_Navbar.cshtml) */
.navbar {
  box-shadow: var(--brand-navbar-shadow);
}

.navbar-nav .nav-link {
  font-weight: 500;
  color: var(--brand-text) !important;
  transition: color 0.2s ease;
}

.navbar-nav .nav-link:hover {
  color: var(--brand-primary) !important;
}

.navbar-brand {
  letter-spacing: 0.05em;
  color: var(--brand-text) !important;
}

/* Banner de "confirme seu e-mail" (_Navbar.cshtml) */
.alert-brand-warning {
  background-color: var(--brand-warning-bg);
  color: var(--brand-warning-text);
}

.alert-brand-warning .btn-link {
  color: var(--brand-warning-text);
}

/*
 * Alertas com acento lateral, antes definidos so dentro de Perfil.cshtml —
 * globalizado pra toda tela com alert-success/danger/info ficar visualmente
 * igual (Login.cshtml usava o alert-danger/info padrao do Bootstrap, sem
 * este acento, o que deixava a mesma mensagem de erro com cara diferente
 * dependendo da pagina).
 */
.alert {
  border: none;
  border-radius: 12px;
}

.alert-success {
  background-color: #f0f8f5;
  border-left: 4px solid #28a745;
  color: #1e5631;
}

.alert-danger {
  background-color: #fdf7f7;
  border-left: 4px solid #dc3545;
  color: #721c24;
}

.alert-info {
  background-color: #f0f7ff;
  border-left: 4px solid #0d6efd;
  color: #0c4f8c;
}

.alert-warning {
  background-color: var(--brand-warning-bg);
  border-left: 4px solid #e0a300;
  color: var(--brand-warning-text);
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}