/* STYLESHEET */

/* FONTS ADDENDUM */

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600&display=swap');
@import "css.css?v=20250406192723";
 
:root {
    --clr-brand:            #f2be1a;
    --clr-orange:           #f2be1a;
    --clr-grey:             #9996a1;
    --clr-lightgrey:        #efefef; // #dbd8e3;
    --clr-white:            #FFFFFF;
    --clr-lightblue:        #D0E6F3;
        
    --clr-light:            #EFEFEF;
    --clr-dark:             #000000;
    
    --font-brand:           'Rubik', 'Open Sans', Arial, sans-serif;  
    --font-brand-alt:       'Rubik', 'Open Sans', Arial, sans-serif;     
    
    --border-radius:        1.5rem; 
    
    --box-shadow-off:       none; 
    --box-shadow-on:        rgba(50, 50, 93, 0.25) 0px 15px 15px -5px, rgba(0, 0, 0, 0.3) 0px 10px 10px -8px;
    --box-shadow-hover:     rgba(50, 50, 93, 0.35) 0px 12px 21px -5px, rgba(0, 0, 0, 0.4) 0px 15px 16px -8px;
}