@import url("../../prosilver/theme/stylesheet.css");
/* Load this style's colour overrides after prosilver */
@import url("colours.css");
/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&display=swap');


/* === Body background === */
/* Full-color stadium photo with gradient overlay from brand blue to black */
html {
    background-color: #000; /* Black fallback */
    /* Layer gradient overlay on top of photo using multiple backgrounds */
    background-image: 
        linear-gradient(to bottom, rgba(20, 66, 126, 0.85) 0%, rgba(0, 0, 0, 0.9) 100%),
        url("./images/background.webp");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}

body {
    position: relative;
    background: transparent; /* Let html background show through */
}

/* === Custom site logo === */
.site_logo {
    background-image: url("./images/logo.png");
}

/* === Header banner height adjustment for custom logo === */
.headerbar {
    min-height: 100px; /* adjust this value to fit your logo height */
}

.site_logo {
    height: 80px; /* adjust to your logo height */
    background-size: contain; /* ensures logo scales properly */
    background-position: center;
    background-repeat: no-repeat; /* prevents logo from repeating */
}

/* === Header Fonts === */
.headerbar .site-description h1 {
    font-family: 'Exo 2', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

.headerbar .site-description p {
    color: var(--brand-accent);
    font-family: 'Orbitron', 'Courier New', monospace !important;
    letter-spacing: 0.15em;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.9em;
}