:root {
    --primary-color: #FF8A00;
    
    --secondary-color: #ffffff;
    --third-color: #000;

    --background-color: #000000;

    --primary-navbar-text-color: #FFF;
    --primary-text-color: var(--primary-color);
    --secondary-text-color: var(--secondary-color);
    --third-text-color: var(--third-color);

    --primary-paragraf-color: var(--secondary-color);

    --shadow-color-navbar:  0px 4px 20px rgb(0 0 0 / 15%);

    --h2-color: var(--primary-text-color);
    --h5-color: var(--forth-text-color);
    --h6-color: var(--primary-text-color);

    --background-color-navbar: #000000;
    --text-color-navbar: var(--primary-color);
    --hover-color-navbar: var(--primary-color);
    --active-color-navbar: var(--primary-color);
    --shadow-color-navbar: 0 .5rem 1rem rgba(0,0,0,.15)!important;

    --button-primary-background-color: var(--primary-color);
    --button-secondary-color: var(--primary-color);

    --background-color-button: var(--primary-color);
    --text-color-button: #fff;

    --title-card-color: var(--primary-text-color);
    --descriptrion-card-color: var(--third-text-color);

    --title-footer-color: var(--primary-text-color);
    --descriptrion-footer-color: var(--secondary-text-color);

    --policy-color: var(--secondary-text-color);
    --policy-hover-color: var(--primary-text-color);

    --footer-icon-color: var(--primary-color);
    --footer-info-conpany: var(--secondary-color);
}

/* Track */
::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--primary-color);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--primary-color);
}