:root {
    /* Primary */
    --color-primary: #F3FE00;
    --color-primary-2: #E2EC07;
    --color-danger: rgb(220, 38, 38);

    /* Whites */
    --color-white: #FFFFFF;
    --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);
    --bg-gradient-gray: linear-gradient(270deg, rgba(255, 255, 255, 0.20) 86.27%, rgba(255, 255, 255, 0.00) 88.15%);

    /* Grays */
    --color-dark-gray: #343434;
    --color-gray-50: #E7E7E7;
    --color-gray-100: #BDBDBD;
    --color-gray-140: #B9B9B9;
    --color-gray-150: #F1F1F1;
    --color-gray-160: #ECECEC;
    --color-gray-200: #8F8F8F;
    --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: #373737;
    --color-gray-600: #171717;

    /* Blacks (light → dark) */
    --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-900: #030303;
    --color-black-910: #292929;
    --color-black-950: #454545;
    --color-black-960: #101828;
    --color-black-970: #3F3F3F;
    --color-black-980: #EFEFEF;
    --color-black-400-40: rgba(60, 60, 60, 0.40);
}