body {
    font-family: 'Onest', sans-serif;
    background-color: #f8f9fa;
    color: #374151;
}
:root {
    --buda-dark-navy: #000032;
    --buda-primary-blue: #0A4CE7;
    --buda-accent-blue: #0071FF;
    --buda-cyan: #05CDDD;
    --buda-white: #FFFFFF;
    --buda-text: #374151;
}

.bg-buda-dark-navy { background-color: var(--buda-dark-navy); }
.text-buda-cyan { color: var(--buda-cyan); }
.text-buda-primary-blue { color: var(--buda-primary-blue); }
.border-buda-primary-blue { border-color: var(--buda-primary-blue); }
.hover\:bg-buda-accent-blue:hover { background-color: var(--buda-accent-blue); }

.buda-gradient-bg {
    background: linear-gradient(135deg, var(--buda-dark-navy) 0%, var(--buda-primary-blue) 100%);
}
.buda-gradient-text {
    background: linear-gradient(90deg, var(--buda-primary-blue), var(--buda-cyan));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.btn-primary {
    background-color: var(--buda-primary-blue);
    color: var(--buda-white);
    transition: background-color 0.3s ease;
}
.btn-primary:hover {
    background-color: var(--buda-accent-blue);
}

.btn-secondary {
    background-color: transparent;
    color: var(--buda-white);
    border: 1px solid var(--buda-white);
    transition: all 0.3s ease;
}
.btn-secondary:hover {
    background-color: var(--buda-white);
    color: var(--buda-primary-blue);
}

.card-bg {
    background-color: var(--buda-white);
}

.section-title {
    color: var(--buda-dark-navy);
}

.icon-box {
    color: var(--buda-primary-blue);
}

nav.scrolled {
    background-color: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

html {
    scroll-behavior: smooth;
}