/* Brand color overrides for GenAI Innovators */
:root {
    /* Primary brand colors */
    --brand-1: #ff6641;
    --brand-2: #f6c4b8;
    --brand-3: #eb5d3a;
    --brand-4: #9f2b2b;
    --brand-5: #d8d7d7;

    /* Replace the old yellow-green accent used via "additional" */
    --additional--light: var(--brand-1);
    --additional-rgb--light: 255, 102, 65;

    /* If dark theme tokens exist/are used, keep them aligned */
    --additional--dark: var(--brand-1);
    --additional-rgb--dark: 255, 102, 65;

    /* Optional gradient token for future use in custom sections */
    --brand-gradient: linear-gradient(135deg, var(--brand-1), var(--brand-2), var(--brand-3), var(--brand-4), var(--brand-5));
}

/* Metrics strip: align numbers and add spacing */
.mxd-metrics-strip__number {
    font-variant-numeric: tabular-nums;
    font-size: 3.5rem !important;
    /* Make it prominent */
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 0.5rem;
    color: var(--brand-1);
    /* Use brand color for impact or keep it t-bright? Let's try brand for pop */
}

/* Style the caption text inside metrics strip */
.mxd-metrics-strip .col-6 p:not(.mxd-metrics-strip__number) {
    font-size: 1.125rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 500;
    color: var(--text-muted);
    /* Ensure this var exists or fallback */
}

.mxd-metrics-strip .row>[class*="col-"] {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

/* Enforce consistent spacing */
.mxd-section {
    padding-top: 80px;
    /* Adjust based on design needs */
    padding-bottom: 80px;
}

@media (min-width: 992px) {
    .mxd-section {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}

/* Ensure font consistency */
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
a {
    font-family: inherit;
    /* Inherit from body or strict definition if needed */
}

/* Hackathon Highlights Spacing */
.hackathon-spacer {
    margin-top: 60px;
}

@media (min-width: 992px) {
    .hackathon-spacer {
        margin-top: 120px;
    }
}

/* Footer Link Hover Effect */
.footer-nav__link:hover .btn-caption {
    color: var(--brand-1) !important;
    transition: color 0.3s ease;
}

/* Hamburger Menu Link Hover Effect */
.main-menu__link:hover .btn-caption {
    color: var(--brand-1) !important;
    padding-left: 10px;
    /* Slight movement for interaction */
    transition: all 0.3s ease;
}

/* Footer Copyright Center */
.footer-blocks__links {
    text-align: center;
    width: 100%;
    justify-content: center;
    display: flex;
    padding: 24px 0;
    /* Improved vertical spacing */
}

.footer-blocks__links p {
    text-align: center;
    width: 100%;
    margin: 0;
}

/* Separated Footer Bottom */
.mxd-footer__bottom {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 24px 0;
    text-align: center;
    margin-top: 40px;
    /* Separation from columns */
}

/* Scroll to Top Button */
#to-top {
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    transform: translateY(20px);
}

#to-top.is-active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Mobile View Fixes: Hide menu promo only */
@media (max-width: 991px) {
    .mxd-menu__right {
        display: none !important;
    }
}