@charset "utf-8";
/* CSS Document */

:root {
    /* Colors */
    --color-default: var(--color-blue-oxford);
    --color-alto: #ddd;
    --color-beige-clair: #f5f3f2;
    --color-beige-fonce: #ede9e6;
    --color-beige-tres-fonce: #adaaa8;
    --color-black-pearl: #041a20;
    --color-blue-bayoux: #516d79;
    --color-blue-bayoux-shadow: #445c66;
    --color-blue-bondi: #0088b1;
    --color-blue-cerulean: #00add9;
    --color-blue-oxford: #2d4048;
    --color-orange: orange;
    --color-fire: #ca1517;
    --color-green: #00b388;
    --color-mine: #333;
    --color-mirage: #1B2C34;
    --color-silver: #bbb;
    --color-silver-lighter: #ccc;
    /* Font-size */
    --font-size-small: 12px;
    --font-size-normal: 14px;
    --font-size-normal-to-medium:16px;
    --font-size-medium: 18px;
    --font-size-medium-to-large: 24px;
    --font-size-large: 28px;
    /* Line-height */
    --line-height-reduced:1.25em;
    --line-height-normal:1.5em;
    --line-height-double:2em;
    /* Margin */
    --margin-xxsmall:2px;
    --margin-xsmall:3px;
    --margin-small:5px;
    --margin-normal:10px;
    --margin-normal-to-double:15px;
    --margin-double:20px;
    --margin-large:40px;
    --margin-xlarge:80px;
    /* Border-radius */
    --border-radius-small:2px;
    --border-radius-default:4px;
    --border-radius-max: 200px;
    /* Windows */
    --window-xlarge: 1400px;
    --window-large: 1000px;
    --window-medium: 750px;
    --window-small: 500px;
    /* Box-shadows */
    --box-shadow-default: 0 var(--margin-xsmall) var(--margin-normal) rgba(0, 0, 0, .2);
}