:root{
  --brand:#2563eb; /* blue-600 */
  --accent:#16a34a; /* green-600 */
  --surface:#ffffff;
  --surface-2:#f6f8fb;
  --border:#e5e7eb;
  --text:#0f172a;
  --muted:#64748b;
}
html,body{height:100%}
body{
  background: var(--surface-2);
  color: var(--text);
  font-synthesis-weight: none;
  text-rendering: optimizeLegibility;
}
.hero{background: linear-gradient(180deg, #ffffff 0%, #f6f8fb 100%)}
/* Nav */
.navbar-light .navbar-nav .nav-link{color:var(--text)}
.navbar-light .navbar-nav .nav-link:hover{color:var(--brand)}
/* Buttons / badges */
.badge.text-bg-primary{background-color:var(--brand)!important}
.btn-primary{background-color:var(--brand); border-color:var(--brand)}
.btn-primary:hover{filter: brightness(0.95)}
.btn-success{background-color:var(--accent); border-color:var(--accent); color:#fff; font-weight:700}
/* Surfaces */
.card, .modal-content{border-radius:1rem; border-color: var(--border)}
.rounded-4{border-radius:1rem!important}
.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}
/* Accent tiles */
.mini-card{transition:.15s ease}
.mini-card:hover{transform:translateY(-2px)}
/* Tables */
.table{--bs-table-bg:var(--surface)}
/* Links */
.link-secondary:hover{color:var(--text)!important}
/* Forms */
.form-control, .form-select, textarea{
  background-color:#fff;
  color:var(--text);
  border-color:var(--border);
}
.form-control:focus, .form-select:focus, textarea:focus{
  border-color: color-mix(in srgb, var(--brand) 40%, var(--border));
  box-shadow: 0 0 0 .2rem rgba(37,99,235,.15);
}
/* Pricing highlight */
.border-3{border-width:3px!important}
.border-primary{border-color: var(--brand)!important}
/* Footer */
footer{color: var(--text)}
.text-muted{color: var(--muted)!important}