:root {
    --primaryColor: #d4822d; /* Muted teal */
    --secondaryColor: #374151; /* Soft charcoal */
    --tertiaryColor: #728df4; /* Soft coral */
    --light: #F9FAFB;
    --dark: #111827;
    --white: #FFFFFF;
}

.logo {
    height: 6rem !important;
}

.navbar {
    background:rgb(197 202 207 / 76%) !important;
    backdrop-filter: blur(10px) !important;s
}

.hero-overlay {
    background: linear-gradient(135deg, rgb(0 52 106), rgb(0 0 0 / 70%)) !important;
}