:root{
  color-scheme: dark;

  --bg: #0b1220;
  --fg: #e9eef8;
  --mut: rgba(233,238,248,.82);
  --mut2: rgba(233,238,248,.65);

  --card: rgba(255,255,255,.06);
  --card-border: rgba(255,255,255,.12);
  --card-border2: rgba(255,255,255,.18);

  --radius: 1.25rem;
}

body{
  background:
    radial-gradient(1200px 600px at 10% 0%, rgba(13,110,253,.14), transparent),
    radial-gradient(900px 500px at 90% 10%, rgba(25,135,84,.10), transparent),
    var(--bg);
  color: var(--fg) !important;
}

/* Global readability overrides */
.small-muted{ color: var(--mut) !important; }
.small, small,
.text-muted, .text-body-secondary,
.form-text, .text-secondary, .text-light-emphasis{
  color: var(--mut) !important;
}

.card{
  border-radius: var(--radius);
  background: var(--card);
  border: 1px solid var(--card-border);
  backdrop-filter: blur(10px);
  color: var(--fg) !important;
}
.card *{ color: var(--fg) !important; }

/* Force readable titles inside dark cards */
.card .fw-bold,
.card .card-title,
.card h1, .card h2, .card h3, .card h4, .card h5, .card h6,
.card .form-label,
.card .form-check-label,
.block-title{
  color: #ffffff !important;
  opacity: .96;
}

/* Buttons */
.btn-cta{
  border-radius: 1rem;
  padding: 1rem 1.25rem;
  font-weight: 900;
  letter-spacing: .3px;
}
.house-btn{
  width:100%;
  border-radius:.95rem;
  padding:.85rem .5rem;
  font-weight:900;
}
.house-btn[disabled]{ opacity:.35; cursor:not-allowed; }

/* Progress */
.progress{
  height: 12px;
  background: rgba(255,255,255,.14) !important;
  border-radius: 999px;
}
.progress-bar{
  border-radius: 999px;
}

/* Color bars */
.bar-woga    { background: linear-gradient(90deg, #2563eb, #60a5fa); }
.bar-syaiful { background: linear-gradient(90deg, #16a34a, #86efac); }
.bar-edo     { background: linear-gradient(90deg, #a855f7, #d8b4fe); }
.bar-gandi   { background: linear-gradient(90deg, #f59e0b, #fde68a); }
.bar-default { background: linear-gradient(90deg, #64748b, #94a3b8); }

/* Countdown */
#countdown{
  color:#fff !important;
  font-weight: 900;
  letter-spacing:.6px;
  text-shadow:0 2px 12px rgba(0,0,0,.55);
}

/* List items (vote.php) */
.choice-item{ cursor:pointer; }
.choice-item:hover{ background: rgba(255,255,255,.06); }