:root {
    /* primary */
    --color-background-gray: #edeeef;
    --color-graphite-2000: #283038;
    --color-graphite-1150: #333f48;
    --color-graphite-1100: #485966;
    --color-graphite-1000: #566a7a;
    --color-graphite-900: #5d7384;
    --color-iron-gray: #dae0e6;
    --color-graphite-200: #939a9f;
    --color-main-graphite-200: rgb(218, 224, 230);
    --color-graphite-150: #94a6b3;
    --color-graphite-100: #edeeef;
    --color-graphite-550: rgb(148, 166, 179);
    --color-gray-3: #8c959c;
    --color-gray-6: #707070;
    --color-gray-1-5: #bec9d1;
    --color-cool-gray-0: #f2f5f7;
    --color-cool-gray-2: #8b8e98;
    --color-cool-gray-3: #8c959c;
    --color-cool-gray-6: #677178;
    --color-confetti-600: #dee157;
    --color-confetti-800: #afb220;
    --color-confetti-950: #a1a41d;
    --color-confetti-1000: #93951b;
    --color-confetti: #cbcf25;
    --color-iron-gray-300: #c5cfd6;
    --color-light-gray: #f5f6f7;
    --color-light-gray-0: #f8f9fa;
    --color-white: #fff;
    --color-carnation-300: #f9495b;
    --color-jungle-reen-300: #25a481;

    /* opacity */
    --color-white-opacity: rgb(255 255 255 / 50%);
    --color-iron-gray-opacity: rgb(237 240 242 / 70%);
    --color-white-opacity-70: rgb(255 255 255 / 90%);
    --color-graphite-opacity: rgb(51 63 72 / 70%);

    /* gradient */
    --color-gradient-white: linear-gradient(143.52deg, #fff 10.4%, #F7F8F9 95.97%);
}