/* 
Theme Name: FabOMatic
Theme URI: https://mediasante.be
Author: Enovatic
Author URI: https://enovatic.be
Description: Le FabOmatic est un modèle all in one pour les sites de Média SANTÉ.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: fabomatic
*/




/* INCLUDES */
@import './assets/css/reset.css';
@import './assets/css/global.css';
@import './assets/css/structure.css';
@import './assets/css/forms.css';
@import './assets/css/buttons.css';


/* Variables */
:root {
    

    /* Typographie */
    --font-size: 1rem;
    --font-size-xs: 0.8rem;
    --font-size-sm: 0.9rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.2rem;
    --font-size-xl: 1.5rem;
    --font-size-xxl: 2rem;
    --font-weight: 400;
    --font-weight-bold: 700;

    /* Bordures */
    --border-radius: 0rem;
    --border-radius-lg: 1rem;
    --border-radius-xl: 1.5rem;
    --border-radius-circle: 50%;
    --transition: all 0.3s ease;

    /* Formulaires */
    --input-padding: 10px;
    --input-margin: 5px;
    --input-border: 1px solid #dd;
    --input-border-radius: 5px;
    --input-font-size: 16px;
    --input-background-color: #F7F7F7;
    --input-focus-border-color: #66afe9;

    /* Boxes */
    --row-gap: 20px;
    --column-gap:20px;
    --padding: 20px;
    --width:1140px
}

@media screen and (max-width:1200px) {
    :root {
        /* Typographie */
        --font-size: 0.9rem;
        --font-size-xs: 0.75rem;
        --font-size-sm: 0.8rem;
        --font-size-md: 0.9rem;
        --font-size-lg: 1.1rem;
        --font-size-xl: 1.4rem;
        --font-size-xxl: 1.8rem;
        --font-weight: 400;
        --font-weight-bold: 700;

        /* Boxes */
        --row-gap: 15px;
        --column-gap:15px;
        --padding: 15px;
    }
}

@media screen and (max-width:850px) {
    :root {
        /* Typographie */
        --font-size: 0.85rem;
        --font-size-xs: 0.70rem;
        --font-size-sm: 0.75rem;
        --font-size-md: 0.85rem;
        --font-size-lg: 1rem;
        --font-size-xl: 1.3rem;
        --font-size-xxl: 1.4rem;
        --font-weight: 400;
        --font-weight-bold: 700;

        /* Boxes */
        --row-gap: 10px;
        --column-gap:10px;
        --padding: 10px;
    }
}