/* Bootstrap 5.0 Color Variables - Converted from SCSS */
/* https://getbootstrap.com/docs/5.0/customize/color/ */
:root {

    --white-transparent-strongest: rgba(255, 255, 255, 0.8);
    --white-transparent-strong: rgba(255, 255, 255, 0.6);
    --white-transparent-weak: rgba(255, 255, 255, 0.3); 
    --white-transparent-medium: rgba(255, 255, 255, 0.5); 


    --black-transparent-strong: rgba(0, 0, 0, 0.6);

    /* greyscale */
    --white: #fff;
    --grey-100: #f8f9fa;
    --grey-200: #e9ecef;
    --grey-300: #dee2e6;
    --grey-400: #ced4da;
    --grey-500: #adb5bd;
    --grey-600: #6c757d;
    --grey-700: #495057;
    --grey-800: #343a40;
    --grey-900: #212529;
    --black: #000;

    /* Blues */
    --blue-100: #cfe2ff;
    --blue-200: #9ec5fe;
    --blue-300: #6ea8fe;
    --blue-400: #3d8bfd;
    --blue-500: #0d6efd;
    --blue-600: #0b5ed7;
    --blue-700: #0a58ca;

    --blue-800: rgb(5, 44, 101);
    --blue-900: rgb(3, 22, 51); 

    /* Indigo */
    --indigo-100: #e0cfff;
    --indigo-200: #c1a3ff;
    --indigo-300: #a377ff;
    --indigo-400: #844bff;
    --indigo-500: #6610f2;
    --indigo-600: #5a0dd6;
    --indigo-700: #4d07c0;
    --indigo-800: #2a0845;
    --indigo-900: #1a052a;

    /* Purple */
    --purple-100: #e2d5f3;
    --purple-200: #c6a5e7;
    --purple-300: #a977db;
    --purple-400: #8d48cf;
    --purple-500: #6f42c1;
    --purple-600: #633aa9;
    --purple-700: #573391;
    --purple-800: #311d4b;
    --purple-900: #1f1230;

    /* Pink */
    --pink-100: #f5e3ed;
    --pink-200: #eac7db;
    --pink-300: #dfabca;
    --pink-400: #d48fb8;
    --pink-500: #d63384;
    --pink-600: #ba2f6f;
    --pink-700: #a22b5a;
    --pink-800: #6a1b41;
    --pink-900: #471028;

    /* Red */
    --red-100: #f8d7da;
    --red-200: #f1b0b6;
    --red-300: #ea8a91;
    --red-400: #e26d6d;
    --red-500: #dc3545;
    --red-600: #c3262a;
    --red-700: #ab1e20;
    --red-800: #6a1419;
    --red-900: #430c0f;

    /* Orange */
    --orange-100: #ffe8d0;
    --orange-200: #ffd6a1;
    --orange-300: #ffc372;
    --orange-400: #ffb543;
    --orange-500: #fd7e14;
    --orange-600: #e06c00;
    --orange-700: #c35a00;
    --orange-800: #805100;
    --orange-900: #503100;

    /* Yellow */
    --yellow-100: #ffecb5;
    --yellow-200: #ffe082;
    --yellow-300: #ffd94e;
    --yellow-400: #ffd11a;
    --yellow-500: #ffc107;
    --yellow-600: #e0a800;
    --yellow-700: #c59000;
    --yellow-800: #7a5600;
    --yellow-900: #4a3400;

    /* Green */
    --green-100: #d1e7dd;
    --green-200: #a3cfbb;
    --green-300: #75b798;
    --green-400: #479f76;
    --green-500: #198754;
    --green-600: #15753f;
    --green-700: #11642b;
    --green-800: #0a3d1b;
    --green-900: #052410;

    /* Teal */
    --teal-100: #d1f2eb;
    --teal-200: #a3e5d8;
    --teal-300: #75d9c4;
    --teal-400: #47cdb0;
    --teal-500: #20c997;
    --teal-600: #1aa179;
    --teal-700: #1a7e5a;
    --teal-800: #135a3c;
    --teal-900: #0c3624;

    /* Cyan */
    --cyan-100: #cff4fc;
    --cyan-200: #9eeaf9;
    --cyan-300: #6edff6;
    --cyan-400: #3dd5f3;
    --cyan-500: #0dcaf0;
    --cyan-600: #0aa2c0;
    --cyan-700: #087a90;
    --cyan-800: #055160;
    --cyan-900: #033940;
}