/* CSS Custom Properties for Brand Colors */
:root {
    --bluko-navy: #023b92;
    --bluko-teal: #1cb3bf;
}

/* Tailwind utility classes using custom properties */
.text-bluko-navy { color: var(--bluko-navy); }
.text-bluko-teal { color: var(--bluko-teal); }
.bg-bluko-navy { background-color: var(--bluko-navy); }
.bg-bluko-teal { background-color: var(--bluko-teal); }

/* Social icon styles */
.social-icon-link svg path {
    fill: #9ca3af;
}

.social-icon-link:hover svg path {
    fill: url(#socialGradient);
}