@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
@import url("base.css");
@import url("header.css");
@import url("hero.css");
@import url("products.css");
@import url("cards.css");
@import url("process.css");
@import url("contact.css");
@import url("footer.css");
@import url("login.css");
@import url("client.css");
@import url("popup.css");


.modal-btn-cancel{background-color: var(--navy);color: var(--white);}
.modal-btn-accept{background-color: var(--copper);color: var(--white);}
.modal-btn-cancel,.modal-btn-accept{border-radius: 8px;}
.toast-popup,.toast{background-color:var(--paper) !important}
.color-ask{color:var(--copper);}
.color-alert{color:var(--copper-dark);}
.close,.color-gray{color:var(--ink-soft);}