:root {
    --color-background: #FFFFFF;
    --max-width: 1570px;
    --container-width: 1170px;
    --container-glutter: 30px;
    --normal-font-size: 1rem;

    --space-8: 8px;
    --space-16: 16px;
    --space-24: 24px;
    --space-32: 32px;
    --space-40: 40px;
    --space-48: 48px;
    --space-56: 56px;
    --space-64: 64px;
    --space-72: 72px;
    --space-80: 80px;
    --space-88: 88px;
    --space-96: 96px;

    --footer-height: 350px;

    --l-spacing-title-subtitle: var(--space-24);
    --l-margintop-between-years: var(--space-32);
    --l-paddingtop-between-years: var(--space-40);
    --l-margintop-between-facts: var(--space-40);
    --l-paddingtop-fact: var(--space-32);
    --color-mediapro-darkbkg: rgba(56, 56, 56, 1);

    --c-silver: #C0C0C0;
    --c-black: #000000;
    --c-black-01: #262626;
    --c-gray-00: #f7f7f7;
    --c-gray-05: #e3e3e3;
    --c-gray-10: #cfcfcf;
    --c-gray-20: #bababa;
    --c-gray-30: #a6a6a6;
    --c-gray-40: #909090;
    --c-gray-50: #7d7d7d;
    --c-gray-60: #696969;
    --c-gray-70: #545454;
    --c-gray-80: #404040;
    --c-gray-90: #2a2a2a;
    --c-gray-100: #0f0f0f;

    --c-gray-text-on-light: var(--c-gray-60);
    --c-bd-base: var(--c-black);
    --c-red-mediapro: #de3a20;

}