:root {
    --bs-blue: #1f8aff; /* Sky Blue */
    --bs-indigo: #3046f0; /* Indigo-like tone, darkened from sky */
    --bs-purple: #6f42c1; /* Keep default purple */
    --bs-pink: #d63384; /* Keep default pink */
    --bs-red: #ff3b3b; /* Brighter red */
    --bs-orange: #fd7e14; /* Keep default orange */
    --bs-yellow: #f5c200; /* Yellow similar to background */
    --bs-green: #198754; /* Keep default green */
    --bs-teal: #20c997; /* Keep default teal */
    --bs-cyan: #0dcaf0; /* Keep default cyan */
    --bs-white: #fff; /* Keep default white */
    --bs-gray: #5d636b; /* Gray from road */
    --bs-gray-dark: #343a40; /* Keep default dark gray */
    --bs-gray-100: #f8f9fa; /* Keep default */
    --bs-gray-200: #e9ecef; /* Keep default */
    --bs-gray-300: #dee2e6; /* Keep default */
    --bs-gray-400: #ced4da; /* Keep default */
    --bs-gray-500: #adb5bd; /* Keep default */
    --bs-gray-600: #5d636b; /* Darker gray */
    --bs-gray-700: #43494f; /* Darker gray for borders */
    --bs-gray-800: #343a40; /* Keep default */
    --bs-gray-900: #2d3238; /* Even darker gray for deep accents */
    --bs-primary: #1f8aff; /* Sky Blue */
    --bs-secondary: #5d636b; /* Road Gray */
    --bs-success: #198754; /* Keep default success */
    --bs-info: #0dcaf0; /* Keep default info */
    --bs-warning: #f5c200; /* Background Yellow */
    --bs-danger: #ff3b3b; /* Bright red */
    --bs-light: #f8f9fa; /* Keep default light */
    --bs-dark: #2d3238; /* Dark gray, similar to road */
    --bs-primary-rgb: 31,138,255; /* Sky Blue RGB */
    --bs-secondary-rgb: 93,99,107; /* Road Gray RGB */
    --bs-success-rgb: 25,135,84; /* Keep default success */
    --bs-info-rgb: 13,202,240; /* Keep default info */
    --bs-warning-rgb: 245,194,0; /* Yellow RGB */
    --bs-danger-rgb: 255,59,59; /* Bright red RGB */
    --bs-light-rgb: 248,249,250; /* Keep default light */
    --bs-dark-rgb: 45,50,56; /* Dark road gray RGB */
    --bs-white-rgb: 255,255,255; /* Keep default white */
    --bs-black-rgb: 0,0,0; /* Keep default black */
    --bs-body-rgb: 45,50,56; /* Use dark gray for body text */
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #2d3238; /* Darker text similar to road */
    --bs-body-bg: #fff;
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

.master-detail-caption {
  padding: 0 0 5px 10px;
  font-size: 14px;
  font-weight: bold;
}

.navbar img {
    height: 2rem;
}

header {
    background-color: var(--bs-primary);
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
    color: var(--bs-yellow);
}
.navbar-light .navbar-nav .nav-link {
    color: var(--bs-white);
}