:root {
    /* Gray */
    --swoogo-gray-100: #F5F5F5FA;
    --swoogo-gray-200: #E9ECEFFF;
    --swoogo-gray-300: #DEE2E6FF;
    --swoogo-gray-400: #CED4DAFF;
    --swoogo-gray-500: #ADB5BDFF;
    --swoogo-gray-600: #6B7280;
    --swoogo-gray-700: #495057FF;
    --swoogo-gray-800: #343A40FF;
    --swoogo-gray-900: #0D0D0D;

    /* Red */
    --swoogo-red-100: #A94442;
    --swoogo-red-200: #C9302C;

    /* Orange */
    --swoogo-orange-100: #F0522E;

    /* Yellow */
    --swoogo-yellow-100: #F2D43C;

    /* Green */
    --swoogo-green-100: #86D993;
    --swoogo-green-200: #198754FF;
    --swoogo-green-300: #00B093;

    /* Blue */
    --swoogo-blue-50: #F4F6F7;
    --swoogo-blue-100: #66D1D1;
    --swoogo-blue-200: #157F8C;
    --swoogo-blue-300: #5499AB;
    --swoogo-blue-400: #003A51;
    --swoogo-blue-500: #3071A9;
    --swoogo-blue-700: #1A56DB;
    --swoogo-blue-800: #1E429F;

    --swoogo-blue-contrast-100: #0A69FA;

    --swoogo-blue-semantic-100: #F2F7FF;
    --swoogo-blue-semantic-200: #0567FA;

    /* Pink */
    --swoogo-pink-100: #EED3D7;

    --swoogo-lavender-50: #F6F5FF;
    --swoogo-lavender-100: #726BEA;
    --swoogo-lavender-300: #534AEB;

    --swoogo-lavender-000: #9590EF;

    --swoogo-mist-100: #E9ECFF;

    --swoogo-pacifica-100: #262966;

    --swoogo-prelude-000: #F1F0FD;
    --swoogo-prelude-100: #BFB7E7;
    --swoogo-prelude-200: #B4A6FF;
    --swoogo-east-bay-100: #3F4179;
}

.lavender {
    color: var(--swoogo-lavender-300);
}

.red {
    color: var(--swoogo-red-200);
}

.gray-500 {
    color: var(--swoogo-gray-500) !important;
}

.gray-600 {
    color: var(--swoogo-gray-600) !important;
}