/* This selector targets the highest level of the document (the html element) 
   making the variables global. */
:root {
    /* ---------------------------------------------------- */
    /* 1. Global Color Palette Overrides                      */
    /* ---------------------------------------------------- */
    
    /* Change the Primary (usually blue) color to a new color (e.g., Orange) */
    --bs-primary: #0659FD;
    --bs-primary-rgb: 10, 99, 253;
    
    /* Change the Secondary (usually gray) color */
    --bs-secondary: #33ffbe; 
    
    /* Change the Success (green) color */
    --bs-success: #198754;

    /* You can also change the "text" color associated with a theme */
    --bs-body-color: #333333; /* Darker text */


    /* ---------------------------------------------------- */
    /* 2. Global Typography & Spacing Overrides             */
    /* ---------------------------------------------------- */
    
    /* Change the default font family
    --bs-body-font-family: Arial, sans-serif;  */
    
    /* Change the base font size
    --bs-body-font-size: 1.1rem;  */
    
    /* Change the global border radius used on buttons, cards, etc.
    --bs-border-radius: 0.5rem;  */
}