body,html{
  height: 100%;
}
body{background:#472C59;font-family: 'Poppins', sans-serif; color:#472C59;}
.btn-primary{
    --bs-btn-color: #472C59;
    --bs-btn-bg: #FFBD98;
    --bs-btn-border-color: #FFBD98;
    --bs-btn-hover-color: #472C59;
    --bs-btn-hover-bg: #FFBD98;
    --bs-btn-hover-border-color: #FFBD98;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #472C59;
    --bs-btn-active-bg: #FFBD98;
    --bs-btn-active-border-color: #FFBD98;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #472C59;
    --bs-btn-disabled-bg: #FFBD98;
    --bs-btn-disabled-border-color: #FFBD98;
}
.card{border-radius:20px;color:#472C59}
.card h1,.card h2,.card h3,.card h4{color:#472C59;}
.card h1{font-size:40px;font-weight:bold}
.badge{background:#472C591A;color:#472C59;font-weight:600}
.ratio > *{object-fit: contain;}
.btn-file{background:#FFBD98;color:#472C59;display:flex;justify-content:space-between;text-decoration:none;font-weight:500}
p{color:#472C59}
.material-symbols-rounded{width:24px;height:24px;overflow:hidden;opacity:0;}
.wf-active .material-symbols-rounded{opacity:1;}