/* Custom dark theme with blue and green dark colors */

/* Override Bulma's primary color with a darker blue */
.is-primary {
  background-color: #1a365d !important; /* Dark navy blue */
  color: #ffffff !important;
}

.button.is-primary {
  background-color: #1a365d !important;
  color: #ffffff !important;
}

.button.is-primary:hover {
  background-color: #0f2a4a !important;
}

/* Override info color with a darker blue */
.is-info, .notification.is-info {
  background-color: #2c5282 !important; /* Darker blue */
  color: #ffffff !important;
}

/* Override success color with a darker green */
.is-success {
  background-color: #276749 !important; /* Dark green */
  color: #ffffff !important;
}

/* Override warning color with a darker amber */
.is-warning, .notification.is-warning {
  background-color: #744210 !important; /* Dark amber */
  color: #ffffff !important;
}

/* Override danger color with a darker red */
.is-danger {
  background-color: #822727 !important; /* Dark red */
  color: #ffffff !important;
}

/* Card styling */
.card {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
}

.card:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.card-header {
  background-color: #1a365d;
  color: #ffffff;
}

.card-header-title {
  color: #ffffff;
}

.card-content {
  background-color: #ffffff;
}

.card-footer {
  background-color: #f8fafc;
  border-top: 1px solid #e2e8f0;
}

.card-footer-item {
  color: #2c5282 !important;
}

.card-footer-item:hover {
  background-color: #f0f4f8 !important;
  color: #1a365d !important;
}

/* Dark background for the body with subtle texture */
body {
  background-color: #f8fafc;
  color: #2d3748;
}

/* Navbar item hover effect */
.navbar-item:hover {
  background-color: #2a4365 !important;
  color: #ffffff !important;
}

/* Button styling */
.button.is-light {
  background-color: #e2e8f0;
  color: #1a365d;
}

.button.is-light:hover {
  background-color: #cbd5e0;
}

/* Section background */
.section {
  background-color: #f8fafc;
}

/* Notification styling */
.notification {
  background-color: #2c5282;
  color: #ffffff;
}

.notification .delete {
  background-color: rgba(255, 255, 255, 0.7);
}

/* Title colors */
.title {
  color: #1a365d;
}

.subtitle {
  color: #2c5282;
}

/* Box styling */
.box {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid #e2e8f0;
  background-color: #ffffff;
}

/* Footer styling if needed */
.footer {
  background-color: #1a365d;
  color: #ffffff;
}

/* Content text color */
.content {
  color: #2d3748;
}

/* Welcome section styling */
.welcome-section {
  background-color: #1a365d;
  padding: 2rem 0;
  margin-bottom: 2rem;
  border-radius: 5px;
}

.welcome-section .title,
.welcome-section .subtitle {
  color: #ffffff;
}

/* Tab styling for student invitation modal */
.tab-content {
  display: none;
}

.tab-content:first-child {
  display: block;
}

.tabs.is-boxed li.is-active a {
  background-color: #1a365d;
  border-color: #1a365d;
  color: #ffffff;
}

.tabs.is-boxed a:hover {
  background-color: #2c5282;
  border-color: #2c5282;
  color: #ffffff;
}