/* Theme Colors */
:root {
    --bs-primary: #003366;
    --bs-primary-rgb: 0, 51, 102;
    --bs-secondary: #1a75ff;
    --bs-secondary-rgb: 26, 117, 255;
    --bs-success: #00a0e3;
    --bs-success-rgb: 0, 160, 227;
}

/* Base Styles */
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* Layout */
main {
    padding-top: 72px; /* Adjust based on navbar height */
}

.content-wrapper {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1rem;
}

@media (min-width: 1400px) {
    body {
        background-color: #f8f9fa;
    }
    
    .content-wrapper {
        background-color: #fff;
        box-shadow: 0 0 20px rgba(0,0,0,0.05);
    }
}

/* Components */
.navbar {
    transition: background-color 0.3s ease;
}

.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

/* Icons */
.feature-icon {
    width: 64px;
    height: 64px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.fa-2x, .fa-3x {
    transition: transform 0.3s ease;
}

.card:hover .fa-2x,
.card:hover .fa-3x {
    transform: scale(1.1);
}

/* Bootstrap Theme Overrides */
.bg-primary {
    background-color: var(--bs-primary) !important;
}

.bg-primary-subtle {
    background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
}

.text-primary {
    color: var(--bs-primary) !important;
}

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

.btn-primary:hover {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

/* Utility Classes */
.bg-gradient-primary {
    background: linear-gradient(135deg, var(--bs-primary) 0%, #001a35 100%);
}

.bg-gradient-light {
    background: linear-gradient(135deg, rgba(var(--bs-primary-rgb), 0.05) 0%, rgba(var(--bs-success-rgb), 0.05) 100%);
}