:root {
    --primary: #0A2647;
    /* Deep Horizon Blue */
    --primary-base: #0A2647;
    --primary-light: #2C5F8A;
    /* Ocean Glow */
    --secondary: #D4AF37;
    /* Noble Gold */
    --secondary-base: #D4AF37;
    --secondary-light: #F0C45A;
    /* Warm Amber */
    --bg-color: #F8F9FC;
    /* Soft Pearl */
    --text-dark: #1E2A3A;
    /* Charcoal Trust */
    --text-muted: #5A6B7C;
    /* Muted Slate */
    --border-light: #E2E8F0;
    /* Arctic Frost */
    --success: #2E7D64;
    /* Emerald Green */
    --danger: #C73E3A;
    /* Horizon Crimson */
    --section-bg: linear-gradient(to bottom, rgba(10, 38, 71, 0.06) 0%, #FFFFFF 100%);
}

/* Global styles */
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--bg-color);
    color: var(--text-dark);
}

/* Headings use Playfair Display for elegance */
h1,
h2,
h3,
h4,
.heading-font {
    font-family: 'Playfair Display', serif;
}

/* Custom container (consistent with your snippet) */
.container {
    width: 91%;
    margin: auto;
}

/* Desktop nav link underline animation */
.nav-link {
    position: relative;
    font-weight: 500;
    transition: color 0.2s;
}

.nav-link::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--secondary);
    transition: width 0.2s ease;
    border-radius: 2px;
}

.nav-link:hover::after {
    width: 100%;
}

.mobile-link {
    transition: all 0.2s;
}

.mobile-link:active {
    transform: scale(0.98);
}

/* Gold badge styling */
.gold-badge {
    background: linear-gradient(135deg, var(--secondary) 0%, var(--secondary-light) 100%);
    color: #0A2647;
    font-weight: 700;
}
