:root {
  --parpol-navy: #031926;
  --parpol-teal-deep: #468189;
  --parpol-teal-soft: #77aca2;
  --parpol-sage: #9dbebb;
  --parpol-cream: #f4e9cd;
  
  --parpol-status-sin-compromiso: #adb5bd;
  --parpol-status-comprometido: #0d6efd;
  --parpol-status-pc: #ffc107;
  --parpol-status-voto: #198754;
  --parpol-status-conflicto: #dc3545;
}

body {
  background-color: #f8f9fa;
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  color: var(--parpol-navy);
}

/* Navbar y Sidebar */
.parpol-bg-navy {
  background-color: var(--parpol-navy) !important;
}

.parpol-sidebar {
  background-color: var(--parpol-navy);
  min-height: 100vh;
}

.parpol-sidebar .nav-link {
  color: var(--parpol-sage);
  font-weight: 500;
  border-radius: 6px;
  margin-bottom: 4px;
  transition: all 0.2s ease-in-out;
}

.parpol-sidebar .nav-link:hover,
.parpol-sidebar .nav-link.active {
  background-color: var(--parpol-teal-deep);
  color: #ffffff;
}

/* Botones con paleta */
.btn-parpol-primary {
  background-color: var(--parpol-teal-deep);
  border-color: var(--parpol-teal-deep);
  color: #ffffff;
}

.btn-parpol-primary:hover {
  background-color: var(--parpol-navy);
  border-color: var(--parpol-navy);
  color: #ffffff;
}

.btn-parpol-accent {
  background-color: var(--parpol-cream);
  border-color: var(--parpol-sage);
  color: var(--parpol-navy);
  font-weight: 600;
}

.btn-parpol-accent:hover {
  background-color: var(--parpol-sage);
  color: var(--parpol-navy);
}

/* Tarjetas ejecutivas */
.card-parpol-stat {
  border: none;
  border-radius: 10px;
  box-shadow: 0 4px 6px -1px rgba(3, 25, 38, 0.1);
  border-left: 5px solid var(--parpol-teal-deep);
}

.card-parpol-stat .stat-value {
  font-size: 2rem;
  font-weight: 700;
  color: var(--parpol-navy);
}

/* Estados del Semáforo Político */
.badge-status-0 { background-color: var(--parpol-status-sin-compromiso); color: #ffffff; }
.badge-status-1 { background-color: var(--parpol-status-comprometido); color: #ffffff; }
.badge-status-2 { background-color: var(--parpol-status-pc); color: #212529; font-weight: 600; }
.badge-status-3 { background-color: var(--parpol-status-voto); color: #ffffff; }
.badge-status-conflicto { background-color: var(--parpol-status-conflicto); color: #ffffff; }

/* Contenedor Día D Rápido */
.dia-d-box {
  background-color: #ffffff;
  border-radius: 12px;
  border: 2px solid var(--parpol-sage);
  padding: 2rem;
}