:root {
    --black: #000000;
    --white: #ffffff;

    --main: var(--black);
    --gray-dark: #404040;
    --gray: #808080;
    --gray-light: #c0c0c0;
    --gray-light-light: #e0e0e0;
    --invert: var(--white);

    --first: #fdc300;
    --second: #fedb7c;
    --third: #fff1c4;

    /* Shadows */
    --shadow1: 0 0 15px #00000010;
    --shadow2: 0 0 15px #00000020;
    --shadow3: 0 0 15px #00000040;
    --shadow4: 0 0 15px #00000080;


    /* Header */
    --header-background: var(--white);
    --header-color: var(--gray);
    --header-color-hover: var(--gray-light);
    --header-color-active: var(--gray-dark);

    /* Footer */
    --footer-background: var(--gray);
    --footer-color: var(--white);
    --footer-copyright-background: var(--gray-dark);
    --footer-copyright-color: var(--gray-light);
    --footer-copyright-color-hover: var(--white);

    /* Slider */
    --slider-color: var(--white);
    --slider-layer-background: #40300040;

    /* Sections */
    --section-background-1: var(--white);
    --section-background-2: transparent;
    --section-background-3: #f0f0f0;
    --section-background-4: #fcfcfc;

    /* Parallax */
    --parallax-layer:#30200030;
}