@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
body {
    font-family: "Raleway", sans-serif;
}
:root {
    --brand-heading: #212529;
    --brand-yellow: #dd8627;
    --brand-dark: #003366;
    --brand-paragraph: #61666b;
    --accent: #f1c40f;
}

.text-brand-heading {
    color: var(--brand-heading);
}

.text-brand-yellow {
    color: var(--brand-yellow);
}

.text-brand-dark {
    color: var(--brand-dark);
}

.text-brand-paragraph {
    color: var(--brand-paragraph);
}

.bg-brand-yellow {
    background-color: var(--brand-yellow);
}

.bg-brand-dark {
    background-color: var(--brand-dark);
}

.hover\:text-brand-dark:hover {
    color: var(--brand-dark);
}

.hover\:bg-brand-yellow:hover {
    background-color: var(--brand-yellow);
}

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}

/* Card hover effects */
.card-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}