/* Default Color File  */
:root {
    /* soft green */
    /* --theme-color: #AED581;  */
    
    /* dark green */
    /* --theme-color: #022e16;  */
    --border-radius: 10px; 
    --theme-color: #486823; 
    /* --light-theme-color: #cdf8c8;  */
    
    /* lovender */
    /* --theme-color: #D1C4E9;  */
    
    /* deep purple */
    /* --theme-color: #6A1B9A;  */
    
    /* text color */
    /* --text-color:  #424242;  */
    
    /* existing theme color */
    /* --theme-color: #FF7558; */
    
    --white-color: #FFFFFF;
    --black-color: #000000;
    --light-theme-color: color-mix(in srgb, var(--theme-color), white 70%);
    --dark-theme-color: color-mix(in srgb, var(--theme-color), black 70%);
}