
:root {

    --purple-50:#f5e9f7;
    --purple-100:#e0c1e9;
    --purple-200:#c89ae0;
    --purple-300:#b073d6;
    --purple-400:#9c54cd;
    --purple-500:#662482;
    --purple-600:#5b1f76;
    --purple-700:#4f1a6a;
    --purple-800:#43165e;
    --purple-900:#361252;
    --purple-A100:#7a4d9b;
    --purple-A200:#8e5aa8;
    --purple-A400:#a16ab8;
    --purple-A700:#a16ab8;
    
        --purple-transparent-50: rgba(102, 36, 130, 0.5);
        --purple-transparent-100: rgba(102, 36, 130, 0.5);
        --purple-transparent-200: rgba(102, 36, 130, 0.5);
        --purple-transparent-300: rgba(102, 36, 130, 0.5);
        --purple-transparent-400: rgba(102, 36, 130, 0.5);
        --purple-transparent-500: rgba(102, 36, 130, 0.5);
        --purple-transparent-600: rgba(91, 31, 118, 0.5);
        --purple-transparent-700: rgba(79, 26, 106, 0.5);
        --purple-transparent-800: rgba(67, 22, 94, 0.5);
        --purple-transparent-900: rgba(54, 18, 82, 0.5);
        --purple-transparent-A100: rgba(122, 77, 155, 0.5);
        --purple-transparent-A200: rgba(142, 90, 168, 0.5);
        --purple-transparent-A400: rgba(161, 106, 184, 0.5);
        --purple-transparent-A700: rgba(161, 106, 184, 0.5);

    --green-50:#e0f5f2;
    --green-100:#b3e9e0;
    --green-200:#80dcd0;
    --green-300:#4dcfc0;
    --green-400:#349b8f;
    --green-500:#009881;
    --green-600:#008a7a;
    --green-700:#007b6a;
    --green-800:#006c5a;
    --green-900:#005d4a;
    --green-A100:#00433a;
    --green-A200:#003f2a;
    --green-A400:#002f1a;
    --green-A700:#001f0a;
    
        --green-transparent-50: rgba(0, 152, 129, 0.5);
        --green-transparent-100: rgba(0, 138, 118, 0.5);
        --green-transparent-200: rgba(0, 123, 107, 0.5);
        --green-transparent-300: rgba(0, 109, 96, 0.5);
        --green-transparent-400: rgba(0, 98, 85, 0.5);
        --green-transparent-500: rgba(0, 88, 74, 0.5);
        --green-transparent-600: rgba(0, 82, 70, 0.5);
        --green-transparent-700: rgba(0, 75, 61, 0.5);
        --green-transparent-800: rgba(0, 69, 53, 0.5);
        --green-transparent-900: rgba(0, 61, 42, 0.5);
        --green-transparent-A100: rgba(0, 78, 58, 0.5);
        --green-transparent-A200: rgba(0, 63, 42, 0.5);
        --green-transparent-A400: rgba(0, 47, 26, 0.5);
        --green-transparent-A700: rgba(0, 31, 10, 0.5);

    --blue-50:#e3e4e7;
    --blue-100:#b9bcc2;
    --blue-200:#8a8f99;
    --blue-300:#5b6270;
    --blue-400:#374152;
    --blue-500:#005A94;
    --blue-600:#00518A;
    --blue-700:#00433A;
    --blue-800:#00332D;
    --blue-900:#00141E;
    --blue-A100:#5679ff;
    --blue-A200:#2350ff;
    --blue-A400:#0031ef;
    --blue-A700:#002cd5;

        --blue-transparent-50: rgba(227, 228, 231, 0.5, 0.5);
        --blue-transparent-100: rgba(185, 188, 194, 0.5);
        --blue-transparent-200: rgba(138, 143, 153, 0.5);
        --blue-transparent-300: rgba(91, 98, 112, 0.5);
        --blue-transparent-400: rgba(55, 65, 82, 0.5);
        --blue-transparent-500: rgba(20, 31, 51, 0.5);
        --blue-transparent-600: rgba(18, 27, 46, 0.5);
        --blue-transparent-700: rgba(14, 23, 39, 0.5);
        --blue-transparent-800: rgba(11, 18, 32, 0.5);
        --blue-transparent-900: rgba(6, 10, 20, 0.5);
        --blue-transparent-A100: rgba(86, 121, 255, 0.5);
        --blue-transparent-A200: rgba(35, 80, 255, 0.5);
        --blue-transparent-A400: rgba(0, 49, 239, 0.5);
        --blue-transparent-A700: rgba(0, 44, 213, 0.5);

    --blue-light-50:#e4e6ea;
    --blue-light-100:#bcc1cb;
    --blue-light-200:#9098a8;
    --blue-light-300:#636f85;
    --blue-light-400:#41506b;
    --blue-light-500:#1d2c48;
    --blue-light-600:#1c2c4a;
    --blue-light-700:#182540;
    --blue-light-800:#131f37;
    --blue-light-900:#0b1327;
    --blue-light-A100:#658aff;
    --blue-light-A200:#3263ff;
    --blue-light-A400:#003dfe;
    --blue-light-A700:#0036e5;
    
        --blue-light-transparent-50: rgba(228, 230, 234, 0.5);
        --blue-light-transparent-100: rgba(188, 193, 203, 0.5);
        --blue-light-transparent-200: rgba(144, 152, 168, 0.5);
        --blue-light-transparent-300: rgba(99, 111, 133, 0.5);
        --blue-light-transparent-400: rgba(65, 80, 107, 0.5);
        --blue-light-transparent-500-15: rgba(32, 49, 81, 0.15);
        --blue-light-transparent-500-25: rgba(32, 49, 81, 0.25);
        --blue-light-transparent-500-50: rgba(32, 49, 81, 0.5);
        --blue-light-transparent-500-60: rgba(32, 49, 81, 0.6);
        --blue-light-transparent-500-75: rgba(32, 49, 81, 0.75);
        --blue-light-transparent-500-90: rgba(32, 49, 81, 0.9);
        --blue-light-transparent-600: rgba(28, 44, 74, 0.5);
        --blue-light-transparent-700: rgba(24, 37, 64, 0.5);
        --blue-light-transparent-800: rgba(19, 31, 55, 0.5);
        --blue-light-transparent-900: rgba(11, 19, 39, 0.5);
        --blue-light-transparent-A100: rgba(101, 138, 255, 0.5);
        --blue-light-transparent-A200: rgba(50, 99, 255, 0.5);
        --blue-light-transparent-A400: rgba(0, 61, 254, 0.5);
        --blue-light-transparent-A700: rgba(0, 54, 229, 0.5);

    --off-white-50:#fafafa;
    --off-white-100:#f3f2f2;
    --off-white-100-87:#f3f2f2de;
    --off-white-200:#ebe9e9;
    --off-white-300:#e2e0e0;
    --off-white-400:#dcd9d9;
    --off-white-500:#d6d2d2;
    --off-white-600:#d1cdcd;
    --off-white-700:#ccc7c7;
    --off-white-800:#c6c1c1;
    --off-white-900:#bcb6b6;
    --off-white-A100:#ffffff;
    --off-white-A200:#ffffff;
    --off-white-A400:#ffffff;
    --off-white-A700:#fff7f7;
    
        --off-white-transparent-50: rgba(250, 250, 250, 0.5);
        --off-white-transparent-100: rgba(243, 242, 242, 0.5);
        --off-white-transparent-200: rgba(235, 233, 233, 0.5);
        --off-white-transparent-300: rgba(226, 224, 224, 0.5);
        --off-white-transparent-400: rgba(220, 217, 217, 0.5);
        --off-white-transparent-500: rgba(214, 210, 210, 0.35);
        --off-white-transparent-600: rgba(209, 205, 205, 0.5);
        --off-white-transparent-700: rgba(204, 199, 199, 0.5);
        --off-white-transparent-800: rgba(198, 193, 193, 0.5);
        --off-white-transparent-900: rgba(188, 182, 182, 0.5);
        --off-white-transparent-A100: rgba(255, 255, 255, 0.5);
        --off-white-transparent-A200: rgba(255, 255, 255, 0.5);
        --off-white-transparent-A400: rgba(255, 255, 255, 0.5);
        --off-white-transparent-A700: rgba(255, 247, 247, 0.5);

    --gray-50:#f7f7f7;
    --gray-100:#e0e0e0;
    --gray-200:#c7c7c7;
    --gray-300:#aeaeae;
    --gray-400:#959595;
    --gray-500:#7c7c7c;
    --gray-600:#6e6e6e;
    --gray-700:#5f5f5f;
    --gray-800:#515151;
    --gray-900:#424242;
    --gray-A100:#ffffff;

    --red-50:#ffe7e7;
    --red-100:#ffc2c3;
    --red-200:#ff999c;
    --red-300:#ff7074;
    --red-400:#ff5256;
    --red-500:#ff3338;
    --red-600:#ff2e32;
    --red-700:#ff272b;
    --red-800:#ff2024;
    --red-900:#ff1417;
    --red-A100:#ffffff;
    --red-A200:#fffbfb;
    --red-A400:#ffc8c8;
    --red-A700:#ffaeaf;
    
        --red-transparent-50: rgba(255, 231, 231, 0.5);
        --red-transparent-100: rgba(255, 194, 195, 0.5);
        --red-transparent-200: rgba(255, 153, 156, 0.5);
        --red-transparent-300: rgba(255, 112, 116, 0.5);
        --red-transparent-400: rgba(255, 82, 86, 0.5);
        --red-transparent-500-15: rgba(255, 51, 56, 0.15);
        --red-transparent-500-25: rgba(255, 51, 56, 0.25);
        --red-transparent-500-50: rgba(255, 51, 56, 0.5);
        --red-transparent-500-75: rgba(255, 51, 56, 0.75);
        --red-transparent-500-90: rgba(255, 51, 56, 0.90);
        --red-transparent-600: rgba(255, 46, 50, 0.5);
        --red-transparent-700: rgba(255, 39, 43, 0.5);
        --red-transparent-800: rgba(255, 32, 36, 0.5);
        --red-transparent-900: rgba(255, 20, 23, 0.5);
        --red-transparent-A100: rgba(255, 255, 255, 0.5);
        --red-transparent-A200: rgba(255, 251, 251, 0.5);
        --red-transparent-A400: rgba(255, 200, 200, 0.5);
        --red-transparent-A700: rgba(255, 174, 175, 0.5);

    --bluegray-50:#f7f8f9;
    --bluegray-100:#dadee3;
    --bluegray-200:#bcc3cd;
    --bluegray-300:#9fa9b7;
    --bluegray-400:#818ea1;
    --bluegray-500:#64748b;
    --bluegray-600:#556376;
    --bluegray-700:#465161;
    --bluegray-800:#37404c;
    --bluegray-900:#282e38;
    --bluegray-A100:#ffffff;
    --bluegray-A200:#f7f8f9;
    --bluegray-A400:#dadee3;
    --bluegray-A700:#bcc3cd;
        
        --bluegray-transparent-50: rgba(247, 248, 249, 0.5);
        --bluegray-transparent-100: rgba(218, 222, 227, 0.5);
        --bluegray-transparent-200: rgba(188, 195, 205, 0.5);
        --bluegray-transparent-300: rgba(159, 169, 183, 0.5);
        --bluegray-transparent-400: rgba(129, 142, 161, 0.5);
        --bluegray-transparent-500: rgba(100, 116, 139, 0.5);
        --bluegray-transparent-600: rgba(85, 99, 118, 0.5);
        --bluegray-transparent-700: rgba(70, 81, 97, 0.5);
        --bluegray-transparent-800: rgba(55, 64, 76, 0.5);
        --bluegray-transparent-900: rgba(40, 46, 56, 0.5);
        --bluegray-transparent-A100: rgba(247, 248, 249, 0.5);
        --bluegray-transparent-A200: rgba(218, 222, 227, 0.5);
        --bluegray-transparent-A400: rgba(129, 142, 161, 0.5);
        --bluegray-transparent-A700: rgba(40, 46, 56, 0.5);

    --primary-50:#f7fbff;
    --primary-100:#d9e9fe;
    --primary-200:#bbd8fd;
    --primary-300:#9cc7fc;
    --primary-400:#7eb6fb;
    --primary-500:#60a5fa;
    --primary-600:#528cd5;
    --primary-700:#4374af;
    --primary-800:#355b8a;
    --primary-900:#264264;
    --primary-A100:#8cd4ff;
    --primary-A200:#5abfff;
    --primary-A400:#29a9ff;
    --primary-A700:#0f9fff;
    
        --primary-transparent-50: rgba(247, 251, 255, 0.5);
        --primary-transparent-100: rgba(217, 233, 254, 0.5);
        --primary-transparent-200: rgba(187, 216, 253, 0.5);
        --primary-transparent-300: rgba(156, 199, 252, 0.5);
        --primary-transparent-400: rgba(126, 182, 251, 0.5);
        --primary-transparent-500: rgba(96, 165, 250, 0.5);
        --primary-transparent-600: rgba(82, 140, 213, 0.5);
        --primary-transparent-700: rgba(67, 116, 175, 0.5);
        --primary-transparent-800: rgba(53, 91, 138, 0.5);
        --primary-transparent-900: rgba(38, 66, 100, 0.5);
        --primary-transparent-A100: rgba(96, 165, 250, 0.5);
        --primary-transparent-A200: rgba(96, 165, 250, 0.5);
        --primary-transparent-A400: rgba(96, 165, 250, 0.5);
        --primary-transparent-A700: rgba(96, 165, 250, 0.5);
        color-scheme: dark;
  }

  