/* Color Palette */
:root {
    /* Gray Scale */
    --gray-900: #061C3D;
    --gray-800: #243752;
    --gray-700: #42526B;
    --gray-600: #6A778B;
    --gray-500: #838E9E;
    --gray-400: #9BA4B1;
    --gray-300: #B4BBC5;
    --gray-200: #CDD2D8;
    --gray-100: #E6E8EC;
    --gray-50: #F5F6F7;
    --white: #FFF;
    /* Primary */
    --primary-900: #401400;
    --primary-800: #772500;
    --primary-700: #B03600;
    --primary-600: #DA5514;
    --primary-500: #F16724;
    --primary-400: #F5854E;
    --primary-300: #F7A37A;
    --primary-200: #FAC2A7;
    --primary-100: #FCE0D3;
    --primary-50: #FEF0E9;
    /* Secondary */
    --secondary-900: #170A33;
    --secondary-800: #2F1566;
    --secondary-700: #461F99;
    --secondary-600: #5E2ACC;
    --secondary-500: #7534FF;
    --secondary-400: #915DFF;
    --secondary-300: #AC85FF;
    --secondary-200: #C8AEFF;
    --secondary-100: #E3D6FF;
    --secondary-50: #F1EBFF;
    /* Tertiary */
    --tertiary-900: #7B6400;
    --tertiary-800: #B69400;
    --tertiary-700: #E2B905;
    --tertiary-600: #F3CE2D;
    --tertiary-500: #FFDE4D;
    --tertiary-400: #FFE571;
    --tertiary-300: #FFEB94;
    --tertiary-200: #FFF2B8;
    --tertiary-100: #FFF8DB;
    --tertiary-50: #FFFCED;
    /*Information*/
    --info-900: #102E7A;
    --info-800: #1A4393;
    --info-700: #2A60B7;
    --info-600: #3D81DB;
    --info-500: #54A6FF;
    --info-400: #7EC2FF;
    --info-300: #98D3FF;
    --info-200: #BAE5FF;
    --info-100: #DCF3FF;
    --info-50: #F2F9FF;
    /*Success*/
    --success-900: #031F05;
    --success-800: #063D0A;
    --success-700: #095C0E;
    --success-600: #0C7A13;
    --success-500: #0F9918;
    --success-400: #3FAD46;
    --success-300: #6FC274;
    --success-200: #9FD6A3;
    --success-100: #CFEBD1;
    --success-50: #E7F5E8;
    /*Warning*/
    --warning-900: #331B00;
    --warning-800: #663600;
    --warning-700: #995200;
    --warning-600: #DB821B;
    --warning-500: #FFA339;
    --warning-400: #FFB561;
    --warning-300: #FFC889;
    --warning-200: #FFDAB0;
    --warning-100: #FFEDD7;
    --warning-50: #FFF6EB;
    /*Error*/
    --error-900: #2E0E0E;
    --error-800: #5C1C1C;
    --error-700: #892929;
    --error-600: #B73737;
    --error-500: #E54545;
    --error-400: #EA6A6A;
    --error-300: #EF8F8F;
    --error-200: #F5B5B5;
    --error-100: #FADADA;
    --error-50: #FCECEC;
    /*Danger gray*/
    --danger-gray-900: #191C1F;
}

/* Gray Scale Colors */
.gray-900 {
    color: var(--gray-900);
}
.gray-800 {
    color: var(--gray-800);
}
.gray-700 {
    color: var(--gray-700);
}
.gray-600 {
    color: var(--gray-600);
}
.gray-500 {
    color: var(--gray-500);
}
.gray-400 {
    color: var(--gray-400);
}
.gray-300 {
    color: var(--gray-300);
}
.gray-200 {
    color: var(--gray-200);
}
.gray-100 {
    color: var(--gray-100);
}
.gray-50 {
    color: var(--gray-50);
}
.white {
    color: var(--white);
}

/* Primary Colors */
.primary-900 {
    color: var(--primary-900);
}
.primary-800 {
    color: var(--primary-800);
}
.primary-700 {
    color: var(--primary-700);
}
.primary-600 {
    color: var(--primary-600);
}
.primary-500 {
    color: var(--primary-500);
}
.primary-400 {
    color: var(--primary-400);
}
.primary-300 {
    color: var(--primary-300);
}
.primary-200 {
    color: var(--primary-200);
}
.primary-100 {
    color: var(--primary-100);
}
.primary-50 {
    color: var(--primary-50);
}

/* Secondary Colors */
.secondary-900{
    color: var(--secondary-900);
}
.secondary-800{
    color: var(--secondary-800);
}
.secondary-700{
    color: var(--secondary-700);
}
.secondary-600{
    color: var(--secondary-600);
}
.secondary-500{
    color: var(--secondary-500);
}
.secondary-400{
    color: var(--secondary-400);
}
.secondary-300{
    color: var(--secondary-300);
}
.secondary-200{
    color: var(--secondary-200);
}
.secondary-100{
    color: var(--secondary-100);
}
.secondary-50{
    color: var(--secondary-50);
}

/* Tertiary Colors */
.tertiary-900{
    color: var(--tertiary-900);
}
.tertiary-800{
    color: var(--tertiary-800);
}
.tertiary-700{
    color: var(--tertiary-700);
}
.tertiary-600{
    color: var(--tertiary-600);
}
.tertiary-500{
    color: var(--tertiary-500);
}
.tertiary-400{
    color: var(--tertiary-400);
}
.tertiary-300{
    color: var(--tertiary-300);
}
.tertiary-200{
    color: var(--tertiary-200);
}
.tertiary-100{
    color: var(--tertiary-100);
}
.tertiary-50{
    color: var(--tertiary-50);
}

/* Information Colors */
.info-900{
    color: var(--info-900);
}
.info-800{
    color: var(--info-800);
}
.info-700{
    color: var(--info-700);
}
.info-600{
    color: var(--info-600);
}
.info-500{
    color: var(--info-500);
}
.info-400{
    color: var(--info-400);
}
.info-300{
    color: var(--info-300);
}
.info-200{
    color: var(--info-200);
}
.info-100{
    color: var(--info-100);
}
.info-50{
    color: var(--info-50);
}

/* Success Colors */
.success-900{
    color: var(--success-900);
}
.success-800{
    color: var(--success-800);
}
.success-700{
    color: var(--success-700);
}
.success-600{
    color: var(--success-600);
}
.success-500{
    color: var(--success-500);
}
.success-400{
    color: var(--success-400);
}
.success-300{
    color: var(--success-300);
}
.success-200{
    color: var(--success-200);
}
.success-100{
    color: var(--success-100);
}
.success-50{
    color: var(--success-50);
}

/* Warning Colors */
.warning-900{
    color: var(--warning-900);
}
.warning-800{
    color: var(--warning-800);
}
.warning-700{
    color: var(--warning-700);
}
.warning-600{
    color: var(--warning-600);
}
.warning-500{
    color: var(--warning-500);
}
.warning-400{
    color: var(--warning-400);
}
.warning-300{
    color: var(--warning-300);
}
.warning-200{
    color: var(--warning-200);
}
.warning-100{
    color: var(--warning-100);
}
.warning-50{
    color: var(--warning-50);
}

/* Error Colors */
.error-900{
    color: var(--error-900);
}
.error-800{
    color: var(--error-800);
}
.error-700{
    color: var(--error-700);
}
.error-600{
    color: var(--error-600);
}
.error-500{
    color: var(--error-500);
}
.error-400{
    color: var(--error-400);
}
.error-300{
    color: var(--error-300);
}
.error-200{
    color: var(--error-200);
}
.error-100{
    color: var(--error-100);
}
.error-50{
    color: var(--error-50);
}
/*Danger gray*/
.danger-gray-900{
    color: var(--danger-gray-900);
}