:root{
  /*--brand:#0d6efd;*/
  --brand:#0FA3E8;
  --soft:#f6f9ff;
 /*   --soft:#0FA3E8;*/
    --primary:         #4B49AC;
    --secondary:       #a3a4a5;
    --success:         #57B657;
    --info:            #248AFD;
    --warning:         #FFC100;
    --danger:          #FF4747;
    --light:           #f8f9fa;
    --dark:            #282f3a;

  --gradient-primary: linear-gradient(230deg, #759bff, #843cf6);
  --gradient-secondary:       linear-gradient(to right, #e7ebf0, #868e96);
  --gradient-success:         linear-gradient(45deg, #7bffce, #30c93e);
  --gradient-info:            linear-gradient(to bottom, #0e4cfd, #6a8eff);
  --gradient-warning:         linear-gradient(135deg, #ffc480, #ff763b);
  --gradient-danger:          linear-gradient(316deg, #fc5286, #fbaaa2);
  --gradient-light:           linear-gradient(to right, #cfd9df 0%, #e2ebf0 100%);
  --gradient-dark:            linear-gradient(to right, #7d7979 0%, #000000 100%);
  --gradient-redtogold:      linear-gradient(45deg, #B82830, #E8C068);
  --gradient-bluetogold:     linear-gradient(90deg, #6890C8 0%, #E8C068 100%);
  --gradient-tricolor:       linear-gradient(60deg, #B82830 0%, #E8C068 50%, #6890C8 100%);

}
.hero{
  background: radial-gradient(1200px circle at 10% 10%, rgba(13,110,253,.20), transparent 50%),
              radial-gradient(900px circle at 90% 20%, rgba(25,135,84,.18), transparent 45%),
              linear-gradient(180deg, var(--soft), #fff 55%);
}
.section{ padding:1rem 0; }
.icon-badge{
  width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:12px;background:rgba(13,110,253,.10);color:var(--brand);font-size:22px;flex:0 0 auto;
}
.card-hover{ transition:transform .15s ease, box-shadow .15s ease; }
.card-hover:hover{ transform:translateY(-2px); box-shadow:0 10px 22px rgba(0,0,0,.08); }
.navbar-blur{ backdrop-filter: blur(10px); background: rgba(255,255,255,.85) !important; }
.bg-soft{ background:var(--soft); }
.mdi{ vertical-align: middle; }

.bg-primary   { background-color: var(--primary)   !important; }
.bg-secondary { background-color: var(--secondary) !important; }
.bg-success   { background-color: var(--success)   !important; }
.bg-info      { background-color: var(--info)      !important; }
.bg-warning   { background-color: var(--warning)   !important; }
.bg-danger    { background-color: var(--danger)    !important; }
.bg-light     { background-color: var(--light)     !important; }
.bg-dark      { background-color: var(--dark)      !important; }

.bg-gradient-primary   { background: var(--gradient-primary)   !important; }
.bg-gradient-secondary { background: var(--gradient-secondary) !important; }
.bg-gradient-success   { background: var(--gradient-success)   !important; }
.bg-gradient-info      { background: var(--gradient-info)      !important; }
.bg-gradient-warning   { background: var(--gradient-warning)   !important; }
.bg-gradient-danger    { background: var(--gradient-danger)    !important; }
.bg-gradient-light     { background: var(--gradient-light)     !important; }
.bg-gradient-dark      { background: var(--gradient-dark)      !important; }
.bg-gradient-redtogold  { background: var(--gradient-redtogold)  !important; }
.bg-gradient-bluetogold { background: var(--gradient-bluetogold) !important; }
.bg-gradient-tricolor   { background: var(--gradient-tricolor)   !important; }


.text-primary   { color: var(--primary)   !important; }
.text-secondary { color: var(--secondary) !important; }
.text-success   { color: var(--success)   !important; }
.text-info      { color: var(--info)      !important; }
.text-warning   { color: var(--warning)   !important; }
.text-danger    { color: var(--danger)    !important; }
.text-light     { color: var(--light)     !important; }
.text-dark      { color: var(--dark)      !important; }