/* 
==========================================================================
   Base Variables
========================================================================== 
*/
:root {
   
    /* Primary Colors - Greenish Blue */
    --primary-50: rgb(232, 243, 245);
    --primary-100: rgb(222, 238, 240);
    --primary-200: rgb(202, 228, 231);
    --primary-300: rgb(178, 214, 218);
    --primary-400: rgb(150, 195, 200);
    --primary-500: rgb(112, 172, 178);
    --primary-600: rgb(95, 156, 162);
    --primary-700: rgb(77, 139, 146);
    --primary-800: rgb(67, 125, 132);
    --primary-900: rgb(57, 104, 110);
    --primary-950: rgb(42, 78, 83);

    /* Channel lists for APIs that require rgba-compatible values. */
    --primary-100-rgb: 222, 238, 240;
    --primary-200-rgb: 202, 228, 231;


    /* Gold */
    --gold-50: rgb(248, 247, 242);
    --gold-100: rgb(238, 236, 219);
    --gold-200: rgb(234, 231, 211);
    --gold-300: rgb(229, 226, 203);
    --gold-400: rgb(213, 208, 175);
    --gold-500: rgb(197, 191, 146);
    --gold-600: rgb(165, 157, 107);
    --gold-700: rgb(149, 141, 87);
    --gold-800: rgb(132, 125, 67);
    --gold-900: rgb(99, 94, 50);
    --gold-950: rgb(83, 79, 42);

    /* Purple */
    --purple-50: rgb(248, 242, 246);
    --purple-100: rgb(241, 227, 238);
    --purple-200: rgb(231, 207, 228);
    --purple-300: rgb(221, 187, 218);
    --purple-400: rgb(200, 160, 195);
    --purple-500: rgb(180, 135, 175);
    --purple-600: rgb(160, 110, 155);
    --purple-700: rgb(151, 96, 145);
    --purple-800: rgb(141, 81, 135);
    --purple-900: rgb(132, 67, 125);
    --purple-950: rgb(127, 60, 120);

    /* Secondary Colors - Gray Scale */
    --secondary-50: rgb(240, 240, 240);
    --secondary-100: rgb(235, 235, 235);
    --secondary-200: rgb(225, 225, 225);
    --secondary-300: rgb(210, 210, 210);
    --secondary-400: rgb(180, 180, 180);
    --secondary-500: rgb(150, 150, 150);
    --secondary-600: rgb(120, 120, 120);
    --secondary-700: rgb(105, 106, 108);
    --secondary-800: rgb(90, 92, 95);
    --secondary-900: rgb(75, 78, 83);
    --secondary-950: rgb(68, 71, 76);


    /* Orange */
    --orange-50: rgb(255, 247, 237);
    --orange-100: rgb(255, 237, 213);
    --orange-200: rgb(254, 223, 184);
    --orange-300: rgb(253, 199, 143);
    --orange-400: rgb(251, 167, 94);
    --orange-500: rgb(249, 115, 22);
    --orange-600: rgb(230, 96, 18);
    --orange-700: rgb(220, 86, 18);
    --orange-800: rgb(198, 72, 18);
    --orange-900: rgb(176, 61, 18);
    --orange-950: rgb(154, 52, 18);

    --orange-500-rgb: 249, 115, 22;

    /* Red (Danger) */
    --red-100: rgb(255, 228, 230); /* Very light red */
    --red-200: rgb(255, 205, 210); 
    --red-300: rgb(255, 174, 182); 
    --red-400: rgb(255, 138, 150); 
    --red-500: rgb(220, 53, 69);   /* Bootstrap danger base */
    --red-600: rgb(176, 36, 48);  

    /* Bootstrap Mappings */
    --bs-primary: var(--primary-500);
    --bs-primary-bg: var(--primary-500);
    --bs-primary-rgb: 112, 172, 178;
    --bs-primary-text: var(--primary-800);
    --bs-primary-text-hover: var(--primary-900);
    --bs-primary-hover-bg: var(--primary-600);
    --bs-primary-active-bg: var(--primary-700);
    --bs-primary-disabled-bg: var(--secondary-200);
    --bs-primary-disabled-color: var(--secondary-600);

    --bs-secondary-bg: var(--secondary-100);
    --bs-secondary: var(--secondary-800);
    --bs-secondary-color: var(--secondary-800);
    --bs-secondary-rgb: 90, 92, 95;
    --bs-secondary-hover-bg: var(--secondary-200);
    --bs-secondary-border: var(--secondary-100);
    --bs-secondary-active-bg: var(--secondary-300);
    --bs-secondary-disabled-bg: var(--secondary-100);
    --bs-secondary-disabled-color: var(--secondary-600);

}