:root {
    --font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --primary: #222222;
    --secondary: 1E1E1E;
    --red: #e74a3b;
    --green: #1cc88a;
    --blue: #246fe0;
    --yellow: #f6c23e;
    --yellow-op50: rgba(246, 194, 62, 0.5);
    --aqua: #36b9cc;
    --navy: #001F3F;
    --teal: #39CCCC;
    --olive: #3D9970;
    --lime: #01FF70;
    --orange: #FF851B;
    --fuchsia: #F012BE;
    --purple: #605ca8;
    --maroon: #D81B60;
    --black: #111111;
    --gray-lte: #d2d6de;
    --gray-light: #858796;
    --gray-dark: #424242;
    --gray-grade-1: #FAFAFA;
    --gray-grade-2: #999999;
    --bg-primary: rgba(226, 226, 226, 0.25);
    --bg-primary-gradient-1: rgba(226, 226, 226, 0.25);
    --bg-primary-gradient-2: rgba(226, 226, 226, 0.5);
}