/* themes/retro-jornal.css — tema estilo Jornal Antigo */
:root{
  --brand:#2b2b2b;       /* preto intenso */
  --brand-dark:#111;     /* quase preto */
  --grad: linear-gradient(90deg, #2b2b2b, #111); /* navbar/botões em preto */
  --card:#f8f5e9;        /* bege claro, como papel de jornal */
  --txt:#1a1a1a;         /* texto bem escuro */
  --muted:#555;          /* cinza médio */
  --line:#d8d2c3;        /* linhas em bege mais escuro */
  --font-size-base: 17px;
  --radius: 4px;
  --login-accent:#2b2b2b;
}

/* Navbar estilo jornal */
.navbar { 
  background: var(--grad) !important;
  border-bottom: 4px double #999; /* linha dupla, clássico de jornal */
}
.navbar .navbar-brand,
.navbar .nav-link,
.navbar .btn { 
  color:#f8f5e9 !important; 
  font-family: "Times New Roman", serif; /* fonte de jornal */
  letter-spacing: .5px;
}

/* Cards com fundo jornal */
.card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: 0 2px 4px rgba(0,0,0,.05);
  font-family: "Georgia", serif;
}

/* Botões */
.btn-grad {
  background: var(--grad) !important;
  border: none !important;
  color: #fff !important;
  font-family: "Times New Roman", serif;
}
.btn-outline {
  border: 1px solid var(--line);
  color: var(--txt);
  background: #fdfaf3;
  font-family: "Georgia", serif;
}
.btn-outline:hover {
  border-color: var(--brand);
  background:#f2ede1;
}

/* Links */
a, .link-muted:hover { 
  color: var(--brand); 
  text-decoration: underline solid;
}

/* Inputs */
.form-control, .form-select {
  background: #fdfaf3;
  color: var(--txt);
  border-color: var(--line);
  border-radius: var(--radius);
  font-family: "Courier New", monospace; /* estilo datilografado */
}
.form-control:focus, .form-select:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 .2rem rgba(43,43,43,.25);
}

/* Avatar */
.avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  background: #e8e2d3;
  border: 1px solid #bbb;
}

/* Footer com estilo jornal */
footer {
  background:#f5f2e6;
  border-top:3px double #999;
  font-family: "Times New Roman", serif;
  padding-top:.5rem;
}
footer small a {
  color: var(--muted);
}
footer small a:hover {
  color: var(--brand);
}