:root {
    --primary: #3498db;
    --ivymode: "ivymode", sans-serif;
    --ivystyle-sans: "ivystyle-sans", sans-serif;
    --modal-overlay: rgba(0, 0, 0, .3);
    --black: #202322;
    --black-divider: rgba(32, 35, 34, .15);
    --white: #ffffff;
    --white-divider: rgba(255, 255, 255, .2);
    --navy-1: #27334a;
    --navy-1-divider: rgba(39, 51, 74, .15);
    --navy-1-shadow: rgba(39, 51, 74, 0.3);
    --navy-1-hover: rgba(39, 51, 74, .8);
    --blue-1: #aec8da;
    --blue-1-hover: rgb(174, 200, 218, .8);
    --blue-light-1: #d7e3ed;
    --green-ivy: #809e87;
    --green-ivy-hover: rgba(128, 158, 135, .8);
    --green-1: #a6bbab;
    --green-light-1: #ccd8cf;
    --green-light-2: #c2cdc4;
    --beige-1: #f1e4d7;
    --beige-2: #ded2c5;
    --beige-3: #f0e8df;
    --beige-4: #f6ede8;
    --beige-light-1: #f1ece7;
    --plum-1: #603d56;
    --plum-1-divider: rgba(96, 61, 86, .15);
    --plum-1-hover: rgba(96, 61, 86, .8);
    --lavender-1: #d6bcd6;
    --lavender-1-shadow: rgba(214, 188, 214, 0.3);
    --lavender-1-shadow-hover: rgba(214, 188, 214, 0.5);
    --lavender-1-hover: rgb(214, 188, 214, .8);
    --lavender-light-1: #eadeea;
    --lavender-light-2: #e7deea;
    --gray-1: #d5d2cb;
    --gray-light-1: #f3f2ef;
    --gray-light-2: #f7f7f6;
    --gray-light-3: #ececec;
    --sienna-1: #bc624b;
    --sienna-1-hover: rgba(188, 98, 75, .8);
    --sienna-light-1: #d7ab9e;
    --btn-radius: 9999px;
}