:root {
    /* --------------- PER PROPERTY --------------- */
    /* Fonts */
    --primary-font: "Manrope", system-ui, sans-serif;
    --header-font: "Manrope", system-ui, sans-serif;
    --h1-font:  'Archivo Narrow', sans-serif; 

    --font-weight-body: 500;
    --font-weight-header: 700;

    /* Colors */
    --main-color: #404042;
    --background-color: #FFF;
    
    --primary-color: #00a8e9;
    --secondary-color: #edf7fa;
    
    --success-color: #67b938;
    --success-color-light: #95c11f;
    --success-color-dark: #4d9c20;
    
    --error-color: red;
    
    --disabled-color: #fffa;
    
    --gray-light: #ddd;
    --gray-medium: #868687;
    --gray-dark: #666;
    
    --btn-text-color: var(--primary-color); 
    --btn-background-color: var(--secondary-color); 
    --btn-border-color: #cbe1e7; 
    
    /* Overlays */
    --overlay-dark: rgba(0,0,0,0.5);
    --overlay-light: rgba(0,0,0,0.15);
    --overlay-subtle: rgba(0,0,0,0.05);
    --overlay-white: rgba(255,255,255,0.5);

    /* Buttons */
    --btn-padding-block: 0.6em;
    --btn-padding-inline: 2em;
    --btn-padding: var(--btn-padding-block) var(--btn-padding-inline);
    --btn-border-radius: .3em; 
    --btn-border: 2px solid var(--btn-border-color);
    
    --btn-border-left: none;
    --btn-border-top: none;
    --btn-border-right: none;
    --btn-border-bottom: var(--btn-border);

    /* Font sizes */
    --font-size-h1: 2rem;
    --font-size-h2: 1.5rem;
    --font-size-h3: 1.25rem;
    --font-size-h4: 1.15rem;
    --font-size-h5: 1.05rem;
    --font-size-h6: 1rem; 
    --font-size-body: 1rem; 

    /* Line heights */
    --line-height-small: 1.2;
    --line-height-regular: 1.5;
    --line-height-large: 1.6; 

}

body.botiss { 
    /* Fonts */
    --primary-font:  "Lato", system-ui, sans-serif;
    --header-font:  "Lato", system-ui, sans-serif;
    --h1-font:  'Lato', sans-serif; 


    /* Colors */
    --main-color: #000;
    --background-color: #FFF;
    
    --primary-color: #00ccff;
    --secondary-color: #DFE4E7;
    
    --success-color: #a2c748;
    --success-color-light: #abcd57;
    --success-color-dark: #8ba93d;
    
    --error-color: red;
    
    --disabled-color: #fffa;
    
    --gray-light: #ddd;
    --gray-medium: #868687;
    --gray-dark: #666;

    /* Buttons */
    --btn-text-color: var(--main-color); 
    --btn-background-color: var(--background-color); 
    --btn-border-color: var(--primary-color); 
    --btn-border-radius: 100vmin; 
    --btn-border: 2px solid var(--btn-border-color);

    --btn-border-left: var(--btn-border);
    --btn-border-top: var(--btn-border);
    --btn-border-right: var(--btn-border);
    --btn-border-bottom: var(--btn-border);

    /* Font sizes */
    --font-size-h2: 1.6rem;
    --font-size-h3: 1.5rem;
    --font-size-h4: 1.4rem;
    --font-size-h5: 1.3rem;
    --font-size-h6: 1.2rem; 
    --font-size-body: 1.2rem; 
}


body.biolase { 
    /* Fonts */
    --primary-font: "Open Sans", system-ui, sans-serif;  
    --header-font:  "Open Sans", system-ui, sans-serif;
    --h1-font:  "Open Sans", system-ui, sans-serif;


    /* Colors */
    --main-color: #58595B;
    --background-color: #FFF;
    
    --primary-color: #004C97;
    --secondary-color: #f9fafa;
    
    --success-color: #a2c748;
    --success-color-light: #abcd57;
    --success-color-dark: #8ba93d;
    
    --error-color: red;
    
    --disabled-color: #fffa;
    
    --gray-light: #ddd;
    --gray-medium: #868687;
    --gray-dark: #666;

    /* Buttons */
    --btn-text-color: var(--background-color); 
    --btn-background-color: var(--primary-color); 
    --btn-border-color: transparent;
    --btn-border-radius: .2em;
    --btn-border: 2px solid var(--btn-border-color);

    --btn-border-left: var(--btn-border);
    --btn-border-top: var(--btn-border);
    --btn-border-right: var(--btn-border);
    --btn-border-bottom: var(--btn-border);

    /* Font sizes */
    --font-size-h2: 1.6rem;
    --font-size-h3: 1.5rem;
    --font-size-h4: 1.4rem;
    --font-size-h5: 1.3rem;
    --font-size-h6: 1.2rem; 
    --font-size-body: 1.2rem; 
}