/* Theme override CSS - loaded directly from public folder */

:root {
  /* Base Colors */
  --color-white: #ffffff;
  --color-light-grey: #f5f5f7; /* Light grey for backgrounds */
  --color-grey: #e5e5e5; /* Medium grey for borders */
  --color-dark-grey: #6e6e73; /* Dark grey for secondary text */
  --color-black: #1d1d1f; /* Black for primary text */

  /* Accent Colors */
  --color-blue: #0071e3; /* Primary blue */
  --color-dark-blue: #0051a8; /* Darker blue for hover states */
  --color-purple: #5e5ce6; /* Purple accent for special elements */

  /* Status Colors */
  --color-success: #34c759; /* Green for success messages */
  --color-warning: #ff9500; /* Orange for warnings */
  --color-danger: #ff3b30; /* Red for errors */
  --color-info: #5ac8fa; /* Light blue for information */
}

/* Bootstrap Overrides - Direct overrides with important flag */

/* Buttons */
.btn-primary {
  background-color: #0071e3 !important;
  border-color: #0071e3 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #0051a8 !important;
  border-color: #0051a8 !important;
}

.btn-outline-primary {
  color: #0071e3 !important;
  border-color: #0071e3 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  color: #ffffff !important;
  background-color: #0071e3 !important;
}

/* Badges */
.badge.bg-primary {
  background-color: #0071e3 !important;
}

.badge.bg-warning {
  background-color: #ff9500 !important;
}

.badge.bg-danger {
  background-color: #ff3b30 !important;
}

.badge.bg-success {
  background-color: #34c759 !important;
}

/* Links */
a {
  color: #0071e3 !important;
}

a:hover,
a:focus {
  color: #0051a8 !important;
  text-decoration: none !important;
}

/* Backgrounds */
.bg-primary {
  background-color: #0071e3 !important;
}

/* Navbar */
.navbar-light .navbar-nav .nav-link {
  color: #1d1d1f !important;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #0071e3 !important;
}

/* Feature Card Styles */
.lightning-card {
  background-color: #fff8ee !important;
  border: 1px solid #ff9500 !important;
}

.thunder-card {
  background-color: #eef2ff !important;
  border: 1px solid #0071e3 !important;
}

.rumble-card {
  background-color: #f0f7f2 !important;
  border: 1px solid #34c759 !important;
}

.spark-card-large {
  background: linear-gradient(135deg, #f8f4ff 0%, #f0ebff 100%) !important;
  border: 2px solid #8b5cf6 !important;
  min-height: 400px !important;
}

.lightning-header {
  background: linear-gradient(to right, #ff9500, #e68600) !important;
  color: #ffffff !important;
}

.thunder-header {
  background: linear-gradient(to right, #0071e3, #5e5ce6) !important;
  color: #ffffff !important;
}

.rumble-header {
  background: linear-gradient(to right, #34c759, #1abc9c) !important;
  color: #ffffff !important;
}

.btn-lightning {
  background: linear-gradient(to right, #ff9500, #e68600) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16) !important;
}

.btn-thunder {
  background: linear-gradient(to right, #0071e3, #5e5ce6) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16) !important;
}

.btn-rumble {
  background: linear-gradient(to right, #34c759, #1abc9c) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16) !important;
}