/* ============================================================
   GLOBAL STYLES
   ============================================================
   
   Global utilities and Dash overrides.
   All component styling is Bootstrap-native.
   ============================================================ */

/* Global font family - Bootstrap standard variables */
body {
  font-family: var(--bs-font-sans-serif) !important;
  font-size: 1rem;
  line-height: 1.5;
}

/* Space Grotesk for headings and branding using Bootstrap variables */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--bs-headings-font-family) !important;
}

.navbar-brand {
  font-family: var(--bs-headings-font-family) !important;
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* Hide Dash loading spinner */
._dash-loading {
  visibility: hidden;
}

/* Ensure Bootstrap takes precedence */
* {
  box-sizing: border-box;
}

/* ============================================================
   NAVBAR THEME-AWARE TEXT COLORS
   ============================================================ */

/* Light theme - dark text */
.navbar-theme-text {
  color: var(--bs-body-color) !important;
}

.navbar-theme-text .navbar-brand,
.navbar-theme-text .navbar-nav .nav-link,
.navbar-theme-text .navbar-text {
  color: var(--bs-body-color) !important;
}

.navbar-theme-text .navbar-brand:hover,
.navbar-theme-text .navbar-nav .nav-link:hover {
  color: var(--bs-primary) !important;
}

/* Dark theme - light text */
[data-bs-theme="dark"] .navbar-theme-text {
  color: var(--bs-white) !important;
}

[data-bs-theme="dark"] .navbar-theme-text .navbar-brand,
[data-bs-theme="dark"] .navbar-theme-text .navbar-nav .nav-link,
[data-bs-theme="dark"] .navbar-theme-text .navbar-text {
  color: var(--bs-white) !important;
}

[data-bs-theme="dark"] .navbar-theme-text .navbar-brand:hover,
[data-bs-theme="dark"] .navbar-theme-text .navbar-nav .nav-link:hover {
  color: var(--bs-gray-200) !important;
}