:root {
    /* Fonts Colors */
    --primary-font: "Manrope", sans-serif;
    --warning: #ffb54f;
    /* Primary Colors */
    --primary-10: #f9f0c8;
    --primary-20: #f4e094;
    --primary-30: #eec756;
    --primary-40: #e6ab20;
    --primary-50: #d7971b;
    --primary-60: #b97415;
    --primary-70: #945414;
    --primary-80: #7b4218;
    --primary-90: #69371a;
    --primary-100: #3d1c0b;

    /* Secondary Colors */
    --secondary-10: #fceed8;
    --secondary-20: #f7d8b1;
    --secondary-30: #f2bc7f;
    --secondary-40: #ec964b;
    --secondary-50: #e67420;
    --secondary-60: #d8611e;
    --secondary-70: #b3491b;
    --secondary-80: #8f3b1d;
    --secondary-90: #74321a;
    --secondary-100: #3e180c;

    /* Tertiary Colors */
    --tertiary-10: #edeef1;
    --tertiary-20: #d6dbe1;
    --tertiary-30: #b2bdc7;
    --tertiary-40: #8899a8;
    --tertiary-50: #6a7c8d;
    --tertiary-60: #5a6b7c;
    --tertiary-70: #45525f;
    --tertiary-80: #3c4650;
    --tertiary-90: #353c45;
    --tertiary-100: #23282e;

    /* Gray Colors */
    --gray-10: #e7e7e7;
    --gray-20: #d1d1d1;
    --gray-30: #b0b0b0;
    --gray-40: #888888;
    --gray-50: #6d6d6d;
    --gray-60: #5d5d5d;
    --gray-70: #444444;
    --gray-80: #343434;
    --gray-90: #333333;
    --gray-100: #151515;
    --gray-black: #000;

    /* Color Gray */
    --color-gray-10: #e7e7e7;
    --color-gray-20: #d1d1d1;
    --color-gray-30: #b0b0b0;
    --color-gray-40: #888888;
    --color-gray-50: #6d6d6d;
    --color-gray-60: #5d5d5d;
    --color-gray-70: #4f4f4f;
    --color-gray-80: #454545;
    --color-gray-90: #3d3d3d;
    --color-gray-100: #000000;

    /* White Colors */
    --white: #ffffff;
    --white-20: #d1d1d1;
    --white-30: #dcdcdc;
    --white-40: #cbcbcb;
    --white-50: #c7c7c7;
    --white-60: #565565;
    --white-70: #252532;
    --white-80: #464646;
    --white-90: #3b3b3d;
    --white-100: #292929;

    /* Helper Colors */
    --green: #47d553;
    --red: #ff4545;

    --red-10: #ffdada;
    --red-20: #ffbbbb;
    --red-30: #ff8b8b;
    --red-40: #ff4949;
    --red-50: #ff1111;
    --red-60: #ff0000;
    --red-70: #e70000;
    --red-80: #be0000;
    --red-90: #940000;
    --red-100: #560000;

    --orange: #ffb54f;

    --sidebar-color: #0c0e12;

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