/* Concourse Benefits Custom Theme Colors */
/* Aligning with brand teal from logo: #1BA7BC */

:root,
[data-bs-theme=light] {
  /* Primary brand color - matching logo teal */
  --bs-teal: #1BA7BC;
  --bs-primary: #1BA7BC;
  --bs-primary-rgb: 27, 167, 188;

  /* Primary color variations */
  --bs-primary-text-emphasis: #0e545e;
  --bs-primary-bg-subtle: #e6f6f9;
  --bs-primary-border-subtle: #99dce6;

  /* Additional teal/cyan for accents */
  --bs-cyan: #1BA7BC;
  --bs-info: #1BA7BC;
  --bs-info-rgb: 27, 167, 188;

  /* Remove purple/indigo - replace with brand teal */
  --bs-indigo: #1BA7BC;
  --bs-purple: #1BA7BC;

  /* Keep success green vibrant */
  --bs-success: #00d09c;
  --bs-success-rgb: 0, 208, 156;

  /* Professional dark grays for text */
  --bs-dark: #080713;
  --bs-gray-dark: #23213F;
  --bs-body-color: #16142F;

  /* Secondary remains neutral */
  --bs-secondary: #2B284A;
  --bs-secondary-rgb: 43, 40, 74;
}

/* Dark mode overrides */
[data-bs-theme=dark] {
  --bs-primary: #1BA7BC;
  --bs-primary-rgb: 27, 167, 188;
  --bs-teal: #1BA7BC;

  /* Light text for dark backgrounds */
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-heading-color: #fff;

  /* Dark backgrounds */
  --bs-body-bg: #080713;
  --bs-body-bg-rgb: 8, 7, 19;

  /* Ensure primary text variants work in dark mode */
  --bs-primary-text-emphasis: #6edff1;
  --bs-primary-bg-subtle: #0e3a42;
  --bs-primary-border-subtle: #1a6975;

  /* Secondary color for better contrast in dark mode */
  --bs-secondary: #8b92b0;
  --bs-secondary-rgb: 139, 146, 176;
}

/* Button hover states for primary */
.btn-primary {
  --bs-btn-bg: #1BA7BC;
  --bs-btn-border-color: #1BA7BC;
  --bs-btn-hover-bg: #1692A5;
  --bs-btn-hover-border-color: #1692A5;
  --bs-btn-active-bg: #137D8E;
  --bs-btn-active-border-color: #137D8E;
}

/* Outline button variant for primary */
.btn-outline-primary {
  --bs-btn-color: #1BA7BC;
  --bs-btn-border-color: #1BA7BC;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1BA7BC;
  --bs-btn-hover-border-color: #1BA7BC;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1692A5;
  --bs-btn-active-border-color: #1692A5;
}

/* Link colors */
a {
  --bs-link-color-rgb: 27, 167, 188;
  --bs-link-hover-color-rgb: 22, 146, 165;
}

/* Navbar brand image sizing */
.navbar-brand img {
  max-height: 40px;
  width: auto;
}

/* Ensure teal is used in borders and accents */
.border-primary {
  border-color: #1BA7BC !important;
}

.text-primary {
  color: #1BA7BC !important;
}

.bg-primary {
  background-color: #1BA7BC !important;
}

/* Info button styles (used in user dropdown) */
.btn-info,
.btn-outline-info {
  --bs-btn-color: #1BA7BC;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #1BA7BC;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1BA7BC;
  --bs-btn-hover-border-color: #1BA7BC;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1692A5;
  --bs-btn-active-border-color: #1692A5;
}

.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1BA7BC;
}

/* Badge and pill styles */
.badge.bg-primary,
.pill.bg-primary {
  background-color: #1BA7BC !important;
}

.badge.bg-info,
.pill.bg-info {
  background-color: #1BA7BC !important;
}

/* Dropdown toggle icon color */
.btn-outline-info .dropdown-toggle::after,
.btn-info .dropdown-toggle::after {
  color: currentColor;
}

/* Dark mode button overrides */
[data-bs-theme=dark] .btn-outline-secondary {
  --bs-btn-color: #dee2e6;
  --bs-btn-border-color: #8b92b0;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #8b92b0;
  --bs-btn-hover-border-color: #8b92b0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #7a80a0;
  --bs-btn-active-border-color: #7a80a0;
}