:root{
  /* Paleta — altere aqui */
  --cor-primaria: #969696; /* principal */
  --cor-1: #EEEEEE;
  --cor-2: #1F1F1F;
  --cor-3: #626262;
  --cor-4: #848484;

  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}

/* Reset de tipografia */
body{
  font-family: var(--font-sans);
  color: var(--cor-2);
  background-color: var(--cor-1);
}

a.btn-primary{
  background-color: var(--cor-primaria);
  border-color: var(--cor-primaria);
}

.navbar-brand .brand-text{
  color: var(--cor-2);
}

.content-header{
  color: white;
  background-color: rgba(0,0,0,0.35);
  min-height: 220px;
}

.card-header{
  background-color: var(--cor-1);
}

.card{
  border-radius: 12px;
}

/* Form focus */
.form-control:focus{
  box-shadow: 0 0 0 0.15rem rgba(150,150,150,0.25);
  border-color: var(--cor-primaria);
}

/* Small preview image */
#previewWrap img{ max-width: 150px; border-radius:8px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); }

/* Accessibility: focus outline for keyboard navigation */
:focus{ outline: 3px solid rgba(150,150,150,0.25); outline-offset: 2px; }

/* Responsive tweaks */
@media (max-width: 767px){
  .content-header{ padding: 2rem 1rem; }
}

/* Helper */
.text-muted small{ font-size: 0.8rem; }