:root {
    --top-menu-height: 70px;
    --strate-padding: 80px 80px 0 80px;
    --page-padding: 80px;
    --mobile-padding: 20px;
    --alert-banner-height: 80px;

    --paragraph-title: 3rem;
    --paragraph-text: 2.5rem;
    --paragraph-text-mobile: 2.3rem;

    --color-danger: #ff0038;
    --color-dark-grey: #dddddd;
    --color-light-grey: #f0eeef;
    --color-white: #fff;
    --color-yellow: #e9ca75;
    --color-purple: #4b4869;
    --color-rse: #46ddbc;
    --color-grey: #eee;
    --color-border: #d8d8d8;
    --color-progress: #03001d;
    --color-grey-background: #f9f9f9;
    --color-avis: #d4002a;
    --color-auto: #0d64ff;
    --color-aco: #131e41;
    --color-moto: #fe0a0b;
    --color-truck: #f37930;

    --fadein-animation: fadeIn 0.3s ease-in-out both;
    --box-shadow-regular: 0 0 7px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 1025px) {
    :root {
        --paragraph-title: 2.5rem;
        --paragraph-text: 2rem;
        --page-padding: 20px;
    }
}