html {
    scroll-behavior: smooth;
}
nav {
    font-family: 'Nunito', sans-serif;
    position: sticky;
    top: 0;
    z-index: 100;
}

/* Custom color palette - teal/blue-green theme */
:root {
    --primary-color: #1e5a6e;
    --secondary-color: #0d3d4f;
    --primary-light: #e8f2f5;
    --primary-medium: #c5dfe8;
    --accent-teal: #2d7d91;
}

/* Custom background colors with better contrast */
.bg-teal-50 {
    background-color: #d8eef5 !important;
}

.bg-teal-100 {
    background-color: #bde3ee !important;
}

.bg-teal-200 {
    background-color: #a8d8e7 !important;
}

.bg-gradient-soft {
    background: linear-gradient(135deg, #dbedf4 0%, #c5e3ed 50%, #b3dae8 100%) !important;
}

.bg-gradient-primary {
    background: linear-gradient(135deg, #2d7d91 0%, #1e5a6e 100%) !important;
}

.bg-gradient-subtle {
    background: linear-gradient(to bottom right, #dbedf4 0%, #c5e3ed 100%) !important;
}

.bg-gradient-accent {
    background: linear-gradient(135deg, rgba(30, 90, 110, 0.15) 0%, rgba(45, 125, 145, 0.20) 100%) !important;
}

.border-teal-100 {
    border-color: #bde3ee !important;
}

/* Enhanced card shadows for better separation */
.shadow-card {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

.shadow-card-hover:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}