:root{
  --bg: #f5f6f8;

  --brand-dark: #110804;  /* quasi nero */
  --brand-red:  #dd0c0b;  /* rosso logo */
  --brand-gold: #e2a633;  /* oro */
  --brand-cream:#e8e1c6;  /* crema */
  --brand-gray: #95938c;  /* grigio neutro */

  --card-radius: 14px;
}

body{
  background: var(--bg);
}

.navbar{
  background: var(--brand-dark) !important;
}

.card{
  border-radius: var(--card-radius);
  border: 0;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

.btn{
  border-radius: 12px;
}

/* Primary = rosso brand */
.btn-primary{
  background: var(--brand-red) !important;
  border-color: var(--brand-red) !important;
}
.btn-primary:hover{
  filter: brightness(.92);
}

/* Accent = oro brand */
.btn-warning{
  background: var(--brand-gold) !important;
  border-color: var(--brand-gold) !important;
  color: #1a120a !important;
}

.text-brand-red{ color: var(--brand-red) !important; }
.text-brand-gold{ color: var(--brand-gold) !important; }

.badge-gold{
  background: var(--brand-gold);
  color: #1a120a;
}
/* LOGIN PAGE */
.login-page{
  min-height:100vh;
  background: radial-gradient(circle at top, #2a1508, #090401);
  display:flex;
  align-items:center;
  justify-content:center;
}

.login-card{
  width:100%;
  max-width:380px;
  background:#0f0703;
  border-radius:18px;
  padding:26px;
  box-shadow:0 20px 60px rgba(0,0,0,.6);
  color:#fff;
}

.login-logo{
  display:block;
  margin:0 auto 18px;
  height:90px;
}

.login-card h1{
  font-size:1.3rem;
  text-align:center;
  margin-bottom:20px;
  color:var(--brand-gold);
}

.login-card .form-control{
  background:#1a0e07;
  border:1px solid #2c160b;
  color:#fff;
}

.login-card .form-control:focus{
  border-color:var(--brand-gold);
  box-shadow:none;
}

.login-card .btn{
  margin-top:10px;
  font-weight:600;
}