/* Theme override loaded last to enforce brand variables
   This file forces Bootstrap variables and key components to use our brand colors.
*/
:root, [data-bs-theme=light] {
    /* Prefer light scheme */
    color-scheme: light;
    --bs-body-bg: #ffffff;
    --bs-body-color: #000000;

    --brand-aqua: #00b3b3;
    --brand-magenta: #e43f86;
    --brand-dark-aqua: #006b6b;

    --bs-primary: var(--brand-aqua) !important;
    --bs-secondary: var(--brand-magenta) !important;

    /* Font stack override */
    --bs-font-sans-serif: 'Inter','Hank Rnd','Segoe UI','Roboto','Helvetica Neue',Arial,sans-serif;
    --bs-body-font-family: var(--bs-font-sans-serif);
}

/* Global light defaults */
:root, [data-bs-theme=light] {
  --bs-body-bg: #ffffff;
  --bs-body-color: #000000;
}

/* Ensure pages use white background + black text */
html, body { background: var(--bs-body-bg) !important; color: var(--bs-body-color) !important; }
main, .content, .container, .container-fluid { background-color: #ffffff !important; color: #000000 !important; }

/* Header menu text bigger and white when navbar has bg-secondary */
.navbar.bg-secondary .nav-link,
.navbar.bg-secondary .navbar-brand,
.navbar.bg-secondary .dropdown-toggle { color:#ffffff !important; }
.app-menu .nav-item { font-size: 1.2rem !important; } /* ~33% larger than 0.9rem */

/* Social icons white and spaced */
.navbar .social-links { display:flex; align-items:center; gap: 18px; margin-right: 10px; }
.navbar .social-links a { color:#ffffff !important; text-decoration:none; opacity:.95; }
.navbar .social-links a:hover { opacity:1; }
.navbar .social-links svg, .navbar .social-links svg path { fill:#ffffff !important; stroke:#ffffff !important; }

/* Search icon readability on dark header */
.navbar.bg-secondary .btn.btn-search {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.5) !important;
  color:#fff !important;
  width:34px; height:34px; border-radius:50%; padding:0;
}

/* Ensure dropdown menus readable */
.navbar .dropdown-menu { color:#000 !important; }
.navbar .dropdown-menu .nav-link { color:#000 !important; }
.navbar .dropdown-menu .nav-link:hover { background:#f8f9fa !important; color:#000 !important; }
/* Home page dark background to match header */
.home-dark { background-color: #3a3a3a !important; color:#ffffff !important; }
.home-dark .container, .home-dark .container-fluid { background-color: transparent !important; color:#ffffff !important; }

/* Reset container backgrounds to allow hero/WebGL to render and inherit body color */
.content, .container, .container-fluid { background-color: transparent !important; color: inherit !important; }

/* Home page dark background */
.home-dark { background-color: #000000 !important; color:#ffffff !important; }
.home-dark .container, .home-dark .container-fluid { background-color: transparent !important; color:#ffffff !important; }

/* Remove white band under header */
.navbar { border-bottom: 0 !important; box-shadow: none !important; }