/* ==========================================================
   IMPAXO
   Variables CSS
   ========================================================== */

:root{

    /* ======================================================
       IDENTITÉ VISUELLE
       ====================================================== */

    --color-primary:        #02234C;
    --color-secondary:      #0E4C63;
    --color-support:        #476584;
    --color-gold:           #D7A33D;


    /* ======================================================
       FONDS
       ====================================================== */

    --color-background:     #EEF5F8;
    --color-surface:        #FFFFFF;


    /* ======================================================
       TEXTE
       ====================================================== */

    --color-text:           var(--color-primary);
    --color-title:          var(--color-primary);

    --color-border:         #DCE6EC;


    /* ======================================================
       TYPOGRAPHIE
       ====================================================== */

    --font-family: "Segoe UI", Arial, Helvetica, sans-serif;

    --font-size-base:       19px;

    --line-height-base:     1.75;

    --font-weight-normal:   400;
    --font-weight-medium:   500;
    --font-weight-semibold: 600;
    --font-weight-bold:     700;


    /* ======================================================
       DIMENSIONS
       ====================================================== */

    --container-width:      1400px;

    --reading-width:        980px;

    --header-height:        88px;

    --left-band-width:      110px;


    /* ======================================================
       ESPACEMENTS
       ====================================================== */

    --space-xs: 10px;
    --space-sm: 18px;
    --space-md: 30px;
    --space-lg: 42px;
    --space-xl: 60px;


    /* ======================================================
       EFFETS
       ====================================================== */

    --shadow-header: 0 3px 12px rgba(2,35,76,.05);

    --transition: .20s;

}