:root{
  --wc-primary:#2563eb;
  --wc-primary-2:#60a5fa;
  --wc-dark:#0f172a;
  --wc-bg:#f8fafc;
  --wc-muted:#64748b;
  --wc-border:rgba(15,23,42,.10);
}
html,body{height:100%;}
body{background:var(--wc-bg); color:#0b1220;}
a{color:var(--wc-primary);}
.navbar{background:#fff; border-bottom:1px solid var(--wc-border);}
.navbar .nav-link{color:#0b1220;}
.navbar .nav-link:hover{color:var(--wc-primary);}
.navbar-brand img{height:34px; width:auto;}
.btn-primary{background:var(--wc-primary); border-color:var(--wc-primary);}
.btn-primary:hover{background:#1d4ed8; border-color:#1d4ed8;}
.badge-soft{background:rgba(37,99,235,.14); border:1px solid rgba(37,99,235,.28); color:#dbeafe;}
.hero{
  background:radial-gradient(1200px 600px at 20% 10%, rgba(96,165,250,.25) 0%, rgba(96,165,250,0) 60%),
             linear-gradient(135deg, #0f172a 0%, #0b1220 55%, #0a1020 100%);
  color:#fff;
}
.hero .lead{color:#e5e7eb;}
.section-pad{padding:76px 0;}
.section-tight{padding:52px 0;}
.card{border:1px solid var(--wc-border); border-radius:16px;}
.shadow-soft{box-shadow: 0 10px 30px rgba(2,6,23,.08);}
.icon{
  width:46px;height:46px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(37,99,235,.10); color:var(--wc-primary);
}
.icon svg{width:22px;height:22px;}
.kpi{border:1px dashed rgba(96,165,250,.35); background:rgba(2,6,23,.12); border-radius:16px;}
.kpi .small{color:#cbd5e1;}
.small-muted{color:var(--wc-muted);}
.bg-white{background:#fff !important;}
hr{border-color:var(--wc-border); opacity:1;}
footer{background:#fff; border-top:1px solid var(--wc-border);}
.form-control, .form-select{border-radius:12px; border:1px solid var(--wc-border);}
.accordion-button{border-radius:14px !important;}
.accordion-item{border-radius:16px; border:1px solid var(--wc-border); overflow:hidden;}
/* Accessible focus */
:focus-visible{outline:3px solid rgba(37,99,235,.35); outline-offset:2px;}