/* 
==========================================================================
   Base Variables
========================================================================== 
*/
:root {
   
    /* Primary Colors - Greenish Blue */
    --primary-50: rgb(232, 243, 245);
    --primary-100: rgb(222, 238, 240); 
    --primary-150: rgb(212, 233, 236); 
    --primary-200: rgb(202, 228, 231); 
    --primary-250: rgb(187, 218, 221); 
    --primary-300: rgb(150, 195, 200); 
    --primary-350: rgb(131, 184, 189); 
    --primary-400: rgb(112, 172, 178); 
    --primary-450: rgb(95, 156, 162); /* Base bg primary color */
    --primary-500: rgb(77, 139, 146); /* Base text primary color */
    --primary-550: rgb(72, 132, 139); 
    --primary-600: rgb(67, 125, 132); 
    --primary-650: rgb(62, 115, 121); 
    --primary-700: rgb(57, 104, 110); 


    /* Gold */
    --gold-100: rgb(238, 236, 219); 
    --gold-200: rgb(229, 226, 203); 
    --gold-300: rgb(197, 191, 146); 
    --gold-400: rgb(165, 157, 107); 
    --gold-500: rgb(132, 125, 67);  
    --gold-600: rgb(99, 94, 50);    

    /* Purple */
    --purple-100: rgb(241, 227, 238); /* Lighter starting point */
    --purple-200: rgb(231, 207, 228); 
    --purple-300: rgb(221, 187, 218); 
    --purple-400: rgb(200, 160, 195);
    --purple-500: rgb(160, 110, 155);
    --purple-600: rgb(132, 67, 125); /* Darker endpoint */

    /* Secondary Colors - Gray Scale */
    --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); /* Base secondary color */
    --secondary-700: rgb(90, 92, 95);    

    /* Bootstrap Mappings */
    --bs-primary-bg: var(--primary-450);
    --bs-primary-rgb: 77, 139, 146;
    --bs-primary-text: var(--primary-500);
    --bs-primary-text-hover: var(--primary-600);
    --bs-primary-hover-bg: var(--primary-500);
    --bs-primary-active-bg: var(--primary-600);
    --bs-primary-disabled-bg: var(--secondary-200);
    --bs-primary-disabled-color: var(--secondary-450);

    --bs-secondary-bg: var(--secondary-100);
    --bs-secondary: var(--secondary-700);
    --bs-secondary-color: var(--secondary-600);
    --bs-secondary-rgb: 120, 120, 120;
    --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-450);

}