:root{
  --ruas-purple:#2B1160;
  --ruas-maroon:#9B1D67;
  --ruas-orange:#EA5B0C;
  --neutral-bg:#FEFDFB;
  --footer-bg:#ECEAF3;
  --stat-border:#ECEAF3;
}

/* GENERAL */
body{
  background:var(--neutral-bg);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color:#333;
}

h1, h2, h3{
  color:var(--ruas-purple);
}

/* HERO HEADER */
.hero-header{
  background: linear-gradient(135deg,var(--ruas-purple),#48288f);
  color:#fff;
  border-radius:16px;
  padding:2rem 1.5rem;
  box-shadow:0 4px 12px rgba(0,0,0,.1);
  margin-bottom:2rem;
}
.hero-header img{
  height:60px;
}
.hero-header .title-group{
  margin-left:1rem;
}

/* STAT PANEL */
.stats-panel{
  background:var(--neutral-bg);
  border:1px solid var(--stat-border);
  border-radius:12px;
  padding:1.5rem;
  box-shadow:0 2px 6px rgba(0,0,0,.05);
  display:grid;
  gap:1rem;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  margin-bottom:2rem;
}
.stat-card{
  text-align:center;
}
.stat-card h4{
  margin-bottom:.5rem;
  font-size:1rem;
  font-weight:600;
  color:var(--ruas-purple);
}
.stat-value{
  font-size:2rem;
  font-weight:bold;
  color:var(--ruas-orange);
  margin:0;
}

/* SECTIONS */
.section-card{
  background:#fff;
  border:1px solid var(--stat-border);
  border-radius:12px;
  padding:1.5rem;
  box-shadow:0 2px 6px rgba(0,0,0,.05);
  margin-bottom:2rem;
}

/* BUTTONS */
.btn-orange{
  background:var(--ruas-orange);
  color:#fff !important;
  border:none;
}
.btn-orange:hover{
  background:#d04e09;
}
.btn-maroon{
  background:var(--ruas-maroon);
  color:#fff !important;
  border:none;
}
.btn-maroon:hover{
  background:#82134c;
}