@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300..900&display=swap');

:root {
    --white: #F2F2F2;
    --white-rgb: 242 242 242;
    
    --black: #1E1E1E;

    --darker-gray: #333;
    --dark-gray: #4a4a4a;
    --gray: #808080;
    --light-gray: #8f8f8f;
    --lighter-gray: #DADADA;

    --red: #D95C4F;
    --green: #7FA36B;
    --blue: #4F7C82;
    --yellow: #E8B44D;
}

body {
    font-family: "Figtree", sans-serif;
    background-color: var(--white);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

::selection {
    background-color: var(--blue);
    color: var(--white);
}

::-moz-selection {
    background-color: var(--blue);
    color: var(--white);
}