:root
{
      --bg:#2B6D4D;
      --card:#ffffff;
      --pri:#3D8864;
      --dark:#000;
      --suc:#D1D537;
      --secondaryT:#434F59;
      --grabg:#EFEFEF;

      --priBor:#DCD8F5;
      --priT:#726AAA;
      --war:#FFF6DB;
      --warBor:#F9EECD;
      --warT:#705e28;
      --dan:#FFE8EB;
      --danBor:#FFD8DC;
      --danT:#DD969E;
      --sucBor:#DDF9D4;
      --sucT:#D1D537;
      --muted:#f3f3f3;
      --mutedBor:#e3e3e3;
      --accent:#0ea5a4;
      --glass: rgba(255,255,255,0.7);
      --shadow: 0 6px 18px rgba(16,24,40,0.08);
      font-family: Poppins, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
      --proven:#1865E9;
    }
html,body{ 
    height:100%;
    margin:0;
    color:var(--secondaryT);
    font-size:13px ;
    font-family: 'Poppins';
    font-weight: normal;
}
a{
  transition: ease all .3s;
}
hr{
  opacity: .15;
}
.btn{
    border-radius: 20px;
    padding-left: 1.25rem;
    padding-right: .5rem;
    font-weight: 600;
}
.priBtn{
    background-color: var(--pri);
    border-color: var(--priBor);
    color: var(--priT);
}
.priBtn:hover{
    background-color: var(--priBor);
    border-color: var(--priT);
}
.wcard{
    background-color: var(--card);
    border-radius: 4px;
    border: var(--muted) solid 1px;
}
h4{
    font-size: 13px ;
    font-weight: 500;
}  
.w100px{
  width: 100px;
}