:root {
    --color-primary: #F3FE00;
    --color-primary-2: #E2EC07;
    --color-primary-3: #C1C300;
    --color-primary-dull: rgba(243, 254, 0, 0.30);
    --color-primary-dull-022: rgba(243, 254, 0, 0.22);
    --color-primary-gradient: rgba(243, 254, 0, 0.12);
    --color-danger: rgb(220, 38, 38);
    --color-white: #FFFFFF;
    --color-cream-white: #FAF9F4;
    --color-cream-200: #F8F7EE;
    --color-cream-300: #F4F2E8;
    --color-white-60: rgba(255, 255, 255, 0.60);
    --color-white-70: rgba(255, 255, 255, 0.70);
    --color-white-04: rgba(255, 255, 255, 0.04);
    --color-white-05: rgba(255, 255, 255, 0.05);
    --color-white-10: rgba(255, 255, 255, 0.10);
    --color-white-20: rgba(255, 255, 255, 0.20);
    --color-white-50: rgba(255, 255, 255, 0.50);
    --color-white-08: rgba(255, 255, 255, 0.08);
    --color-white-90: rgba(255, 255, 255, 0.90);
    --color-white-03: rgba(255, 255, 255, 0.03);
    --color-white-00: rgba(255, 255, 255, 0.00);
    --color-black-72: rgba(60, 60, 60, 0.72);
    --color-black-08: rgba(243, 254, 0, 0.08);
    --color-black-012: rgba(255, 255, 255, 0.12);
    --color-black-0035: rgba(56, 56, 56, 0.35);
    --bg-gradient-gray: linear-gradient(270deg, rgba(255, 255, 255, 0.20) 86.27%, rgba(255, 255, 255, 0.00) 88.15%);
    --color-dark-gray-02: #1B1818;
    --color-dark-gray-03: #2A2727;
    --color-dark-gray: #343434;
    --color-gray-muted: #373737;
    --color-gray-muted-dark: #463F3F;
    --color-gray-muted-light: #5B5252;
    --color-gray-light: #F4F4EE;
    --color-gray-50: #E7E7E7;
    --color-gray-100: #BDBDBD;
    --color-gray-140: #B9B9B9;
    --color-gray-150: #F1F1F1;
    --color-gray-160: #ECECEC;
    --color-gray-165: #D4D4D8;
    --color-gray-170: #A1A1AA;
    --color-gray-200: #8F8F8F;
    --color-gray-230: #FAFAFA;
    --color-gray-250: #E4E4E7;
    --color-gray-300: #E1E1E1;
    --color-gray-350: #F2F2F2;
    --color-gray-360: #EAECF0;
    --color-gray-370: #D0D5DD;
    --color-gray-380: #DEDEDE;
    --color-gray-400: #8E8E8E;
    --color-gray-410: #CDCDCD;
    --color-gray-450: #CACACA;
    --color-gray-460: #B5B5B5;
    --color-gray-470: #A3A3A3;
    --color-gray-480: #C2C2C2;
    --color-gray-485: #B8B8B8;
    --color-gray-490: #DCDCDC;
    --color-gray-495: #D5D5D5;
    --color-gray-500: #D4D4D8;
    --color-gray-550: #E7E5E4;
    --color-gray-600: #171717;
    --color-gray-700: #3F3F46;
    --color-gray-650: #52525B;
    --color-gray-800: #27272A;
    --color-gray-900: #18181B;
    --color-gray-950: #09090B;
    --color-black: #000000;
    --color-black-111: #111;
    --color-black-100: #2E3000;
    --color-black-110: #252525;
    --color-black-150: #0D0D0C;
    --color-black-160: #191919;
    --color-black-170: #090909;
    --color-black-180: #1C1D08;
    --color-black-400: #3C3C3C;
    --color-black-450: #303030;
    --color-black-600: #515050;
    --color-black-650: #2D2D2D;
    --color-black-850: #2A2A2A;
    --color-black-500: #373636;
    --color-black-550: #2B2A2A;
    --color-black-750: #242323;
    --color-black-800: #1A1A1A;
    --color-black-700: #121212;
    --color-black-200: #0D0D0D;
    --color-black-210: #1F1F1F;
    --color-black-300: #0B0B0B;
    --color-black-0120: #030303;
    --color-black-035: #292929;
    --color-black-950: #454545;
    --color-black-960: #101828;
    --color-black-970: #3F3F3F;
    --color-black-980: #EFEFEF;
    --color-rich-black: #151515;
    /* used in why choose zeeframes section */
    --color-black-400-40: rgba(60, 60, 60, 0.40)
}