/*
    Carillon ERP — Bootstrap 5 Site Styles
    Single source of truth for brand colors and custom utilities.
*/

:root {
    --bs-primary: #0033A0;
    --bs-primary-rgb: 0, 51, 160;
    --carillon-gold: #F5A623;
    --carillon-blue-dark: #001f6b;
    /* Heading colors — change here to update every page */
    --color-h1: #0033A0;
    --color-h2: #0033A0;
    --color-h3: #001f6b;
    --color-h4: #000000;
    --color-h5: #000000;
    --color-h6: #000000;
}

/* Headings */
h1 {
    color: var(--color-h1);
}

h2 {
    color: var(--color-h2);
}

h3 {
    color: var(--color-h3);
}

h4 {
    color: var(--color-h4);
}

h5 {
    color: var(--color-h5);
}

h6 {
    color: var(--color-h6);
}

/* White body background */
body {
    background-color: #ffffff;
}

/* YouTube Shorts vertical 9:16 aspect ratio */
.ratio-9x16 {
    --bs-aspect-ratio: 177.78%;
}

/* Navbar logo size */
.navbar-brand img {
    max-height: 45px;
    width: auto;
}

/* Navbar shadow */
.navbar {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

/* Navbar menu items — bold uppercase smaller font */
.navbar-nav .nav-link {
    font-weight: 700;
    font-size: 0.85em;
    text-transform: uppercase;
}

/* Dropdown items — mixed case, normal weight */
.navbar-nav .dropdown-item {
    text-transform: none;
    font-weight: normal;
    font-size: 1em;
}

/* Contact An Expert button — Carillon Gold CTA */
.btn-cta {
    background-color: var(--carillon-gold);
    border-color: var(--carillon-gold);
    color: #ffffff;
    font-weight: 700;
}

    .btn-cta:hover {
        background-color: #d4891a;
        border-color: #d4891a;
        color: #ffffff;
    }

/* Dark blue background utility */
.bg-carillon-dark {
    background-color: var(--carillon-blue-dark);
}