/*
    Here are all the variable
https://getbootstrap.com/docs/5.3/customize/css-variables/
*/
body {
    --bs-link-color: #008768 !important;
    --bs-link-hover-color: #008768 !important;
    --bs-code-color: #ff00ff !important;
    --bs-primary: #008768 !important;
    --bs-secondary: #aecc53 !important;
 
    /* AECOM colours */
    --ifm-color-orange: #ff5733;
    --ifm-color-sunrise-yellow: #ffcc00;
    --ifm-color-fuchsia-pink: #ff00ff;
    --ifm-color-stone-gray: #666666;
}
 
/* Custom Header Styling */
/* Main article content headers */
article h1 {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 1.5rem;
    color: var(--bs-primary);
    border-bottom: 3px solid var(--bs-primary);
    padding-bottom: 0.5rem;
}
 
article h2 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.3;
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: var(--bs-primary);
    border-bottom: 2px solid var(--bs-primary);
    padding-bottom: 0.3rem;
}
 
article h3 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.4;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    color: var(--bs-white);
}
 
article h4 {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.4;
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
    color: var(--bs-white);
}
 
article h5 {
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    color: var(--bs-primary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
 
article h6 {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    color: var(--bs-secondary);
}
 
/* API Documentation Headers */
.api-header h1,
.api-header h2,
.api-header h3 {
    border-bottom: none;
    padding-bottom: 0;
}
 
/* TOC Headers */
.toc h3 {
    padding-left: 1rem;
}

.toc h4 {
    padding-left: 2rem;
}

.toc h5 {
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--bs-primary);
    text-transform: none;
    letter-spacing: normal;
}
 
/* Navigation Headers */
.navbar-brand {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--bs-primary) !important;
}
 
/* Responsive Header Scaling */
@media (max-width: 768px) {
    article h1 {
        font-size: 2rem;
        margin-bottom: 1rem;
    }
    article h2 {
        font-size: 1.5rem;
        margin-top: 1.5rem;
        margin-bottom: 0.75rem;
    }
    article h3 {
        font-size: 1.25rem;
        margin-top: 1.25rem;
        margin-bottom: 0.5rem;
    }
    article h4 {
        font-size: 1.1rem;
        margin-top: 1rem;
        margin-bottom: 0.5rem;
    }
}
 
@media (max-width: 480px) {
    article h1 {
        font-size: 1.75rem;
    }
    article h2 {
        font-size: 1.35rem;
    }
    article h3 {
        font-size: 1.15rem;
    }
}