html {
  font-size: 14px;
}

/* Increase base font size on larger screens */
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

/* Focus styles for buttons and form controls */
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

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

/* Table row hover effect with orange text */
.table-hover tbody tr:hover {
    background-color: #2c3035 !important;
    color: orange !important;
}
body {
    margin-bottom: 60px;
    background-color: #23272b !important;
    color: #fff;
}

/* Dark gray background and white text for the body */
/* Darker table header with white text */
.table thead th {
    background-color: #2c3035 !important;
    color: orange !important;
    font-weight: bold !important;
}

/* Dark background and white text for navbar, footer, cards, and tables */
.navbar, .footer, .card, .table {
    background-color: #23272b !important;
    color: #fff !important;
}

/* Orange links in the navbar */
.navbar .nav-link,
.navbar-brand {
    color: orange !important;
}

/* Lighter orange on hover/active navbar links */
.navbar .nav-link:hover,
.navbar .nav-link.active {
    color: #ffd580 !important;
}

/* Darker card header */
.card-header {
    background-color: #343a40 !important;
    color: #fff !important;
}

/* Darker table header */
.table thead {
    background-color: #2c3035 !important;
    color: #fff !important;
}

/* Table row hover effect */
.table-hover tbody tr:hover {
    background-color: #2c3035 !important;
}

/* Orange links */
a {
    color: orange;
}

/* Lighter orange on link hover */
a:hover {
    color: #ffd580;
}