/* STYLESHEET */

/* FONTS ADDENDUM */

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

@import "css.css?v=20251201101652";

:root {
    --clr-brand:            hsl(202, 100%, 16%);
    --clr-brand-10:         hsla(202, 100%, 16%, .1);
    --clr-brand-20:         hsla(202, 100%, 16%, .2);
    --clr-brand-30:         hsla(202, 100%, 16%, .3);
    --clr-brand-40:         hsla(202, 100%, 16%, .4);
    --clr-brand-50:         hsla(202, 100%, 16%, .5);
    --clr-brand-60:         hsla(202, 100%, 16%, .6);
    --clr-brand-70:         hsla(202, 100%, 16%, .7);
    --clr-brand-80:         hsla(202, 100%, 16%, .8);
    --clr-brand-90:         hsla(202, 100%, 16%, .9);
    --clr-text:             hsl(202, 100%, 16%);
    
    --clr-brand-alt-1:      #EB004E;
    --clr-brand-alt-2:      #04A2AF; // hsl(184, 91%, 36%);    
    
    --clr-light:            hsl(0, 0%, 100%); 
    --clr-gray:             #F3F3F3;   
    
    --success:              #198754;
    --danger:               #dc3545;
    --warning:              #ffc107;
    
    --font-brand:           'Roboto Condensed', 'Open Sans', Arial, sans-serif;  
    --font-brand-alt:       'Roboto Condensed', 'Open Sans', Arial, sans-serif;     
    
    --img-radius:           2.5rem;       
    --base-padding:         2rem; 
    --base-height:          3rem;
    
    --box-shadow-off: none; 
    --box-shadow-on: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}