:root {
    --color-primary: #edede9;
    --color-secondary: #d6ccc2;
    --color-tertiary: #f5ebe0;
    --color-quarternary: #e3d5ca;
    --color-five: #d5bdaf;
    --color-sexty: #c5bbb6;
    --color-seventy: #5a5a5a;
    --color-ocho: #f7eedd;
    --color-nine: #d4af37;

    --font-primary: 'Canela-Light';
    --font-secondary: 'Canela-LightItalic';
    --font-tertiary: 'CanelaDeck-MediumItalic';
    --font-quaternary: "CanelaCondensed-Thin";
    --font-quinary: 'Canela-Black-Trial';
    --font-senary: 'Canela-Bold-Trial';

    --color-text-primary: rgb(90 90 90);
    --color-text-secondary: rgb(154, 152, 152);
    --color-text-tertiary: rgba(166, 128, 4, 0.8);
    --color-text-quarternary: rgba(248, 248, 248, 0.6);

    --header-height: 80px;
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
    background-color: var(--color-primary);
    height: 100%;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

body > div {
    flex-grow: 1;
}