/* Import Google Fonts - EXO */
@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&display=swap');


.navbar.bg-dark {
    background-color: #091C3A !important;
    /* Use !important to override Bootstrap's utility class */
}

/* Base Styles */
body {
    font-family: 'Exo', sans-serif;
    color: #333333;
    /* Dark Gray */
    line-height: 1.7;
    background-color: #ffffff;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Exo', sans-serif;
    color: #091c3a;
    /* Primary Color */
    line-height: 1.2;
    /* Default for headings, adjust individually */
}

h1 {
    font-size: 3.5rem;
    /* 56px */
    font-weight: 700;
}

h2 {
    font-size: 2.5rem;
    /* 40px */
    font-weight: 600;
}

h3 {
    font-size: 2rem;
    /* 32px */
    font-weight: 500;
}

h4 {
    font-size: 1.5rem;
    /* 24px */
    font-weight: 500;
}

h5 {
    font-size: 1.25rem;
    /* 20px */
    font-weight: 400;
}

h6 {
    font-size: 1rem;
    /* 16px */
    font-weight: 400;
}

/* Paragraphs */
p {
    font-size: 1rem;
    /* 16px */
    font-weight: 300;
    line-height: 1.7;
}

.lead {
    font-size: 1.25rem;
    /* 20px */
    font-weight: 300;
    line-height: 1.6;
}

/* Links */
a {
    color: #007bff;
    /* Bootstrap Blue */
    text-decoration: underline;
}

a:hover {
    color: #0056b3;
    /* Darker Bootstrap Blue */
    text-decoration: none;
}

/* Buttons - Override Bootstrap defaults for primary */
.btn-primary {
    background-color: #091c3a;
    border-color: #091c3a;
    color: #ffffff;
}

.btn-primary:hover {
    background-color: #071529;
    /* Slightly darker primary */
    border-color: #071529;
}

.btn-outline-primary {
    color: #091c3a;
    border-color: #091c3a;
}

.btn-outline-primary:hover {
    background-color: #091c3a;
    color: #ffffff;
}

/* Forms - Override Bootstrap defaults for focus */
.form-control:focus {
    border-color: #091c3a;
    /* Primary color */
    box-shadow: 0 0 0 0.2rem rgba(9, 28, 58, 0.25);
    /* Primary color with transparency */
}

/* General utility classes (add as needed) */
.text-primary-color {
    color: #091c3a !important;
}

.bg-primary-color {
    background-color: #091c3a !important;
}

/* Responsive considerations can be added here using media queries */
/* Example: Adjust font size for smaller screens */
@media (max-width: 768px) {
    h1 {
        font-size: 2.5rem;
        /* ~40px */
    }

    h2 {
        font-size: 2rem;
        /* ~32px */
    }

    h3 {
        font-size: 1.75rem;
        /* ~28px */
    }

    h4 {
        font-size: 1.25rem;
        /* ~20px */
    }

    h5 {
        font-size: 1rem;
        /* ~16px */
    }

    h6 {
        font-size: 0.875rem;
        /* ~14px */
    }

    p {
        font-size: 1rem;
        /* Ensure body text is at least 16px for readability */
    }

    .lead {
        font-size: 1.125rem;
        /* ~18px */
    }
}