:root {
    --primary-color: #0d3b66; /* Deep Navy */
    --accent-color: #0081a7;  /* Teal Blue */
    --secondary-color: #f4d35e; /* Warm Gold Accent */
    --bg-light: #f8f9fa;
}

body {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background-color: var(--bg-light);
    color: #333333;
}

/* Navbar */
.navbar {
    background: linear-gradient(135deg, #0d3b66, #005f73) !important;
}

/* Hero Header */
header.bg-primary {
    background: linear-gradient(135deg, #0d3b66, #0a9396) !important;
    position: relative;
    overflow: hidden;
}

header.bg-primary::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,0 C150,90 350,-40 500,40 C650,120 900,20 1200,40 L1200,120 L0,120 Z' fill='%23f8f9fa'%3E%3C/path%3E%3C/svg%3E");
    background-size: cover;
}

/* Cards & Hover Effects */
.card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border-radius: 12px;
}

.card:hover {
    transform: translateY(-4px);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.1) !important;
}

.hover-card:hover {
    background-color: #f0f7f9;
}

/* Badges & Buttons */
.badge {
    padding: 0.5em 0.8em;
    font-weight: 500;
}

.btn-primary {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}

.btn-primary:hover {
    background-color: #005f73;
    border-color: #005f73;
}