:root {
    --primary-color: #294372;
    --secondary-color: #137ec2;
    --neutral-background-color: #f4f4f4;
    --neutral-card-background-color: #ffffff;
    --dark-text: #1F2937;
    --muted-text: #6B7280;
    --border-color: #E5E7EB;
    --button-primary-color: #0F5A8C;
    --button-primary-text: #FFFFFF;
    --primary-active: #3c515f;
    --primary-hover: #022652;
    --button-secondary-color: #E6F1F8;
    --button-secondary-text: #0F5A8C;
    --background-primary: #132B3B;
    --background-secondary: #137EC2;
    --primary-extra-dark: #000000;
    --light-text: #ffffff;
}

.text-blue-500{
    color: var(--secondary-color);
}
.text-secondary{
    color: var(--secondary-color);
}
.site-logo{
    width: clamp(130px,36vw,180px);
}
.text-brand {
    color: var(--secondary-color);
}
.text-orange{
    color: #FE9903;
}
.bg-brand {
    background-color: var(--secondary-color);
}
.bg-blue-50{
    background-color: rgb(236 247 253);
}
.hover-bg-brand-dark:hover {
    background-color: var(--primary-color);
}
.after\:bg-brand::after{
    background-color: var(--secondary-color);
}