:root{
  --siz-deep: #0f3440;
  --siz-blue: #2e62a0;
  --siz-gold: #e3c738;
  --siz-grey: #6c7a89;
  --siz-light: #f7f9fb;
}
body{ background-color: var(--siz-light); color: var(--siz-deep); }
.navbar .btn-primary{ background-color: var(--siz-blue); border-color: var(--siz-blue); }
.btn-primary{ background-color: var(--siz-blue); border-color: var(--siz-blue); }
.btn-outline-primary{ color: var(--siz-blue); border-color: var(--siz-blue); }
a{ color: var(--siz-blue); }
.badge-paid{ background-color: var(--siz-gold); color:#212529;}
.badge-active{ background-color: #27ae60; }
.hero{
  background: radial-gradient(ellipse at 20% 10%, rgba(227,199,56,.15), transparent 60%),
              linear-gradient(180deg, #fff, #f3f6fb);
}
.card{ border-radius: 1rem; }
.form-control:focus{ box-shadow: 0 0 0 .2rem rgba(46,98,160,.15); border-color: var(--siz-blue); }
.table thead th{ background: #eef3fb; }
.qr-box{ width: 140px; height: 140px; border: 2px dashed var(--siz-grey); border-radius:.5rem; display:flex; align-items:center; justify-content:center; color:var(--siz-grey); }