::-webkit-scrollbar {
  width: 6px; 
}

::-webkit-scrollbar-track {
  background: #000000; 
}

::-webkit-scrollbar-thumb {
  background: #00ffff; 
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #55ffff; 
}

/* Keep all Bootstrap danger/error states inside the cyan theme palette. */
:root {
  --bs-danger: #00FFFF;
  --bs-danger-rgb: 0, 255, 255;
  --bs-form-invalid-color: #55FFFF;
  --bs-form-invalid-border-color: #00FFFF;
}

.text-danger { color: #55FFFF !important; }
.bg-danger { background-color: #00FFFF !important; }
.border-danger { border-color: #00FFFF !important; }
.text-bg-danger { color: #041414 !important; background-color: #00FFFF !important; }

.btn-danger {
  --bs-btn-color: #041414;
  --bs-btn-bg: #00FFFF;
  --bs-btn-border-color: #00FFFF;
  --bs-btn-hover-color: #041414;
  --bs-btn-hover-bg: #55FFFF;
  --bs-btn-hover-border-color: #55FFFF;
  --bs-btn-focus-shadow-rgb: 0, 255, 255;
  --bs-btn-active-color: #041414;
  --bs-btn-active-bg: #009E9E;
  --bs-btn-active-border-color: #009E9E;
  --bs-btn-disabled-color: #041414;
  --bs-btn-disabled-bg: #00FFFF;
  --bs-btn-disabled-border-color: #00FFFF;
}

.btn-outline-danger {
  --bs-btn-color: #00FFFF;
  --bs-btn-border-color: #00FFFF;
  --bs-btn-hover-color: #041414;
  --bs-btn-hover-bg: #00FFFF;
  --bs-btn-hover-border-color: #00FFFF;
  --bs-btn-focus-shadow-rgb: 0, 255, 255;
  --bs-btn-active-color: #041414;
  --bs-btn-active-bg: #00FFFF;
  --bs-btn-active-border-color: #00FFFF;
  --bs-btn-disabled-color: #55FFFF;
  --bs-btn-disabled-border-color: #55FFFF;
}

.alert-danger {
  --bs-alert-color: #B8FFFF;
  --bs-alert-bg: rgba(0, 255, 255, 0.09);
  --bs-alert-border-color: rgba(0, 255, 255, 0.28);
  --bs-alert-link-color: #55FFFF;
}

/* Cyan theme polish: unified focus, selection, links, and interactive glow. */
:root {
  --theme-cyan: #00FFFF;
  --theme-cyan-hover: #55FFFF;
  --theme-cyan-active: #009E9E;
  --theme-cyan-soft: #8DFFFF;
  --theme-cyan-ink: #031414;
  --bs-primary: #00FFFF;
  --bs-primary-rgb: 0, 255, 255;
  --bs-link-color: #55FFFF;
  --bs-link-hover-color: #8DFFFF;
  --bs-focus-ring-color: rgba(0, 255, 255, 0.28);
}

::selection {
  background: rgba(0, 255, 255, 0.28);
  color: #E8FFFF;
}

a:focus-visible,
button:focus-visible,
.btn:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid rgba(0, 255, 255, 0.78);
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(0, 255, 255, 0.10);
}

.btn-primary {
  --bs-btn-color: #031414;
  --bs-btn-bg: #00FFFF;
  --bs-btn-border-color: #00FFFF;
  --bs-btn-hover-color: #031414;
  --bs-btn-hover-bg: #55FFFF;
  --bs-btn-hover-border-color: #55FFFF;
  --bs-btn-focus-shadow-rgb: 0, 255, 255;
  --bs-btn-active-color: #E8FFFF;
  --bs-btn-active-bg: #009E9E;
  --bs-btn-active-border-color: #009E9E;
}