:root {
    /* Fonts Colors */
    --primary-font: "Jost", sans-serif;
    --secondary-font: "Orbitron", sans-serif;

    --primary-10: #fff4cc;
    --primary-20: #ffe799;
    --primary-30: #ffd966;
    --primary-40: #ffc82b;
    --primary-50: #ffc119;
    --primary-60: #e6a010;
    --primary-70: #cc7a11;
    --primary-80: #b36113;
    --primary-90: #995215;
    --primary-100: #662d06;

    --secondary-10: #f9f9f9;
    --secondary-20: #f0f0f0;
    --secondary-30: #e6e6e6;
    --secondary-40: #d9d9d9;
    --secondary-50: #cccccc;
    --secondary-60: #b3b3b3;
    --secondary-70: #999999;
    --secondary-80: #808080;
    --secondary-90: #666666;
    --secondary-100: #333333;

    --tertiary-10: #e6f0ff;
    --tertiary-20: #ffebf5;
    --tertiary-30: #ffe6e6;
    --tertiary-40: #e6ffe6;
    --tertiary-50: #fff0e6;
    --tertiary-60: #f2e6ff;
    --tertiary-70: #e6ffff;
    --tertiary-80: #fffff0;
    --tertiary-90: #ffe6cc;
    --tertiary-100: #e6e6ff;

    --gray-10: #f5f5f5;
    --gray-20: #e6e6e6;
    --gray-30: #cccccc;
    --gray-40: #b3b3b3;
    --gray-50: #999999;
    --gray-60: #808080;
    --gray-70: #666666;
    --gray-80: #4d4d4d;
    --gray-90: #333333;
    --gray-100: #1a1a1a;

    --coldGray-10: #f2f2f2;
    --coldGray-20: #e6e6e6;
    --coldGray-30: #cccccc;
    --coldGray-40: #b3b3b3;
    --coldGray-50: #999999;
    --coldGray-60: #808080;
    --coldGray-70: #666666;
    --coldGray-80: #4d4d4d;
    --coldGray-90: #333333;
    --coldGray-100: #1a1a1a;

    --white: #ffffff;
    --white-10: #ffffff;
    --white-20: #f7f7f7;
    --white-30: #f0f0f0;
    --white-40: #e6e6e6;
    --white-50: #d9d9d9;
    --white-60: #cccccc;
    --white-70: #bfbfbf;
    --white-80: #b3b3b3;
    --white-90: #a6a6a6;
    --white-100: #333;

    --black: #000000;
    --darkBg: #0b1217;
    --greenTagBg: #f1fee7;
    --red: #e94527;
    --green: #008000;
    --green-50: #006400;
    --info: #007bff;

    --orange: #ffb54f;

    --sidebar-color: #0c0e12;

    /* Toast Colors */
    --toast-success: var(--green);
    --toast-error: var(--red);
    --toast-bg: var(--white);
    --toast-text: var(--gray-black);
}