:root {
    --primary-100: #207DC9;
    --primary-80: #4D97D4;
    --primary-60: #79B1DF;
    --primary-40: #A6CBEA;
    --primary-20: #D2E5F4;
    --primary-10: #E9F2FA;

    --white: #FFF;
    --glass-60: #FFFFFF3C;
    --dark-100: #17171a;
    --dark-80: #59595A;
    --dark-60: #828283;
    --dark-40: #ACACAD;
    --dark-20: #D5D5D6;
    --dark-10: #f5f5f5;
}

.bg-primary-100{
    background-color: var(--primary-100);
}

.bg-primary-80{
    background-color: var(--primary-80);
}

.bg-primary-60{
    background-color: var(--primary-60);
}

.bg-primary-40{
    background-color: var(--primary-40);
}

.bg-primary-20{
    background-color: var(--primary-20);
}

.bg-primary-10{
    background-color: var(--primary-10);
}


.text-primary-100{
    color: var(--primary-100) !important;
}
.text-primary-80{
    color: var(--primary-80) !important;
}
.text-primary-60{
    color: var(--primary-60) !important;
}
.text-primary-40{
    color: var(--primary-40) !important;
}
.text-primary-20{
    color: var(--primary-20) !important;
}
.text-primary-10{
    color: var(--primary-10) !important;
}


.bg-dark-100{
    background-color: var(--dark-100);
}
.bg-dark-80{
    background-color: var(--dark-80);
}
.bg-dark-60{
    background-color: var(--dark-60);
}
.bg-dark-40{
    background-color: var(--dark-40);
}
.bg-dark-20{
    background-color: var(--dark-20);
}
.bg-dark-10{
    background-color: var(--dark-10);
}

.text-dark-100{
    color: var(--dark-100) !important;
}
.text-dark-80{
    color: var(--dark-80) !important;
}
.text-dark-60{
    color: var(--dark-60) !important;
}
.text-dark-40{
    color: var(--dark-40) !important;
}
.text-dark-20{
    color: var(--dark-20) !important;
}
.text-dark-10{
    color: var(--dark-10) !important;
}

.bg-glass-60{
    background-color: var(--glass-60) !important;
}

.h-90{
    min-height: 90vh;
}
.h-80{
    min-height: 80vh;
}
.h-70{
    min-height: 80vh;
}
.h-60{
    min-height: 60vh;
}