@font-face {
    font-family: Poppins;
    src: url(/assets/fonts/Poppins/Poppins-Regular.ttf);
}

:root {
    /* Font */
    --font: 13px Poppins, sans-serif;
    /* Color */
    --bgc: rgba(245, 245, 245, 0.952);
    --bgc-inputs: rgba(245, 242, 242, 0.952);
    --text-color: #222;
    --primary-color: rgb(0, 0, 173);
    --bg-error: rgb(253, 118, 118);
    --bg-error-color: rgb(122, 4, 4);
    --bg-success: rgb(141, 243, 141);
    --bg-success-color: rgb(4, 122, 4);
    --off-bg: rgba(252, 244, 244, 0.952);
    --warning-bg: rgb(255, 198, 93);
    --warning-color: rgb(94, 57, 3);
    --border-color: rgb(204, 202, 202);
}

body {
    font: var(--font);
    color: var(--text-color);
}

button, input, select {
    font: inherit;
}

button {
    transition: all ease 0.6s;
}