* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --color-primary: 5, 92, 168;
    --color-secondary: 5, 92, 168;
    --color-xtradark-blue: 15, 23, 42;
    --color-light-blue: 5, 92, 168;
    --color-accent: 249, 115, 22;
}

body {
    font-family: 'TT Norms', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.6;
    color: #1f2937;
}

.site-header {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Hero section styling */
.hero-gradient {
    background: rgb(var(--color-secondary));
}

.dark-section {
    background: rgb(var(--color-xtradark-blue));
}

.light-section {
    background: rgb(var(--color-light-blue));
}

.primary-btn {
    background-color: white;
    color: rgb(var(--color-secondary));
    border: 2px solid white;
    border-radius: 0.375rem;
}

.primary-btn:hover {
    background-color: #f3f4f6;
}

.accent-text {
    color: rgb(var(--color-accent));
}

.fade-in {
    animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.smooth-scroll {
    scroll-behavior: smooth;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: rgb(var(--color-secondary));
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgb(var(--color-primary));
}