/* Custom Color Palette */
:root {
    --primary-blue: #1E3A8A;
    --accent-blue: #3B82F6;
    --dark-navy: #0F172A;
    --light-background: #F8FAFC;
    --soft-gray: #E2E8F0;
    --text-dark-gray: #1F2937;
}

/* Base Styles */
body {
    background-color: var(--light-background);
    color: var(--text-dark-gray);
}

/* Navigation & Headings - Dark Navy */
nav, h1, h2, h3, h4, h5, h6 {
    color: var(--dark-navy);
}

/* Buttons & Links - Accent Blue */
.btn-primary {
    background-color: var(--accent-blue);
    color: white;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background-color: var(--primary-blue);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(30, 58, 138, 0.3);
}

.btn-outline {
    border: 2px solid var(--accent-blue);
    color: var(--accent-blue);
    transition: all 0.3s ease;
}

.btn-outline:hover {
    background-color: var(--accent-blue);
    color: white;
}

a {
    color: var(--accent-blue);
}

a:hover {
    color: var(--primary-blue);
}

/* Cards & Sections - Light Gray */
.card, .bg-white {
    background-color: white;
    border-color: var(--soft-gray);
}

.bg-gray-50 {
    background-color: var(--light-background);
}

.border-gray-200 {
    border-color: var(--soft-gray);
}

/* Gradient Primary */
.gradient-primary {
    background: linear-gradient(135deg, var(--primary-blue) 0%, var(--accent-blue) 100%);
}

/* Text Colors */
.text-primary {
    color: var(--accent-blue);
}

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

.bg-primary {
    background-color: var(--accent-blue);
}

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

/* Custom utility classes */
.bg-navy {
    background-color: var(--dark-navy);
}

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

.bg-accent {
    background-color: var(--accent-blue);
}

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

.bg-soft-gray {
    background-color: var(--soft-gray);
}

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