/**
 * TAHROS Brand Color Overrides
 * 
 * Official TAHROS Color Palette:
 * - White:           #ffffff
 * - Light Sea Green: #17a99f (Primary - CTAs, links, highlights)
 * - Baltic Blue:     #32597a (Secondary - Headers, dark accents)
 * - Azure Mist:      #e7f3f3 (Light backgrounds, cards)
 * - Blue Slate:      #567590 (Body text, muted text)
 */

:root {
  /* Override Bootstrap primary colors */
  --bs-blue: #17a99f;
  --bs-primary: #17a99f;
  --bs-primary-rgb: 23, 169, 159;
  
  /* Override Bootstrap secondary colors */
  --bs-secondary: #32597a;
  --bs-secondary-rgb: 50, 89, 122;
  
  /* Override success/teal to match primary */
  --bs-teal: #17a99f;
  --bs-success: #17a99f;
  --bs-success-rgb: 23, 169, 159;
  
  /* Dark accent color */
  --bs-dark: #32597a;
  --bs-dark-rgb: 50, 89, 122;
  
  /* Light background */
  --bs-light: #e7f3f3;
  --bs-light-rgb: 231, 243, 243;
  
  /* Body/muted text colors */
  --bs-gray-700: #567590;
  --bs-body-color: #567590;
  --bs-body-color-rgb: 86, 117, 144;
  
  /* TAHROS Custom Properties */
  --tahros-white: #ffffff;
  --tahros-primary: #17a99f;
  --tahros-primary-hover: #149189;
  --tahros-primary-rgb: 23, 169, 159;
  --tahros-secondary: #32597a;
  --tahros-secondary-hover: #2a4a66;
  --tahros-secondary-rgb: 50, 89, 122;
  --tahros-light: #e7f3f3;
  --tahros-light-rgb: 231, 243, 243;
  --tahros-muted: #567590;
  --tahros-muted-rgb: 86, 117, 144;
}

/* ============================================
   Link Styles
   ============================================ */
a {
  color: var(--tahros-primary);
}

a:hover {
  color: var(--tahros-primary-hover);
}

/* ============================================
   Primary Button Styles
   ============================================ */
.btn-primary {
  background-color: var(--tahros-primary);
  border-color: var(--tahros-primary);
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--tahros-primary-hover);
  border-color: var(--tahros-primary-hover);
}

.btn-check:focus + .btn-primary,
.btn-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--tahros-primary-rgb), 0.5);
}

.btn-check:active + .btn-primary,
.btn-check:checked + .btn-primary,
.btn-primary.active,
.btn-primary:active,
.show > .btn-primary.dropdown-toggle {
  background-color: var(--tahros-primary-hover);
  border-color: var(--tahros-primary-hover);
}

/* ============================================
   Outline Primary Button Styles
   ============================================ */
.btn-outline-primary {
  color: var(--tahros-primary);
  border-color: var(--tahros-primary);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: var(--tahros-primary);
  border-color: var(--tahros-primary);
  color: var(--tahros-white);
}

/* ============================================
   Secondary Button Styles
   ============================================ */
.btn-secondary {
  background-color: var(--tahros-secondary);
  border-color: var(--tahros-secondary);
}

.btn-secondary:hover,
.btn-secondary:focus {
  background-color: var(--tahros-secondary-hover);
  border-color: var(--tahros-secondary-hover);
}

/* ============================================
   Soft Button Styles
   ============================================ */
.btn-soft-primary {
  background-color: rgba(var(--tahros-primary-rgb), 0.1);
  color: var(--tahros-primary);
}

.btn-soft-primary:hover,
.btn-soft-primary:focus {
  background-color: var(--tahros-primary);
  color: var(--tahros-white);
}

/* ============================================
   Form Controls
   ============================================ */
.form-control:focus,
.form-select:focus {
  border-color: var(--tahros-primary);
  box-shadow: 0 0 0 0.25rem rgba(var(--tahros-primary-rgb), 0.25);
}

.form-check-input:checked {
  background-color: var(--tahros-primary);
  border-color: var(--tahros-primary);
}

.form-check-input:focus {
  border-color: var(--tahros-primary);
  box-shadow: 0 0 0 0.25rem rgba(var(--tahros-primary-rgb), 0.25);
}

.form-range::-webkit-slider-thumb {
  background-color: var(--tahros-primary);
}

.form-range::-moz-range-thumb {
  background-color: var(--tahros-primary);
}

/* ============================================
   Text Colors
   ============================================ */
.text-primary {
  color: var(--tahros-primary) !important;
}

.text-secondary {
  color: var(--tahros-secondary) !important;
}

.text-muted {
  color: var(--tahros-muted) !important;
}

/* ============================================
   Background Colors
   ============================================ */
.bg-primary {
  background-color: var(--tahros-primary) !important;
}

.bg-secondary {
  background-color: var(--tahros-secondary) !important;
}

.bg-light {
  background-color: var(--tahros-light) !important;
}

.bg-soft-primary {
  background-color: rgba(var(--tahros-primary-rgb), 0.1) !important;
}

.bg-soft-secondary {
  background-color: rgba(var(--tahros-secondary-rgb), 0.1) !important;
}

/* ============================================
   Border Colors
   ============================================ */
.border-primary {
  border-color: var(--tahros-primary) !important;
}

.border-secondary {
  border-color: var(--tahros-secondary) !important;
}

/* ============================================
   Link Styles
   ============================================ */
.link-primary {
  color: var(--tahros-primary);
}

.link-primary:hover,
.link-primary:focus {
  color: var(--tahros-primary-hover);
}

.link-secondary {
  color: var(--tahros-secondary);
}

.link-secondary:hover,
.link-secondary:focus {
  color: var(--tahros-secondary-hover);
}

/* ============================================
   Card Styles
   ============================================ */
.card.card-bordered:hover {
  border-color: var(--tahros-primary);
}

/* ============================================
   Nav & Navbar
   ============================================ */
.nav-link.active,
.nav-link:hover {
  color: var(--tahros-primary);
}

.navbar-nav .nav-link.active {
  color: var(--tahros-primary);
}

/* ============================================
   Pagination
   ============================================ */
.page-link {
  color: var(--tahros-primary);
}

.page-link:hover {
  color: var(--tahros-primary-hover);
}

.page-item.active .page-link {
  background-color: var(--tahros-primary);
  border-color: var(--tahros-primary);
}

/* ============================================
   Alerts
   ============================================ */
.alert-primary {
  background-color: rgba(var(--tahros-primary-rgb), 0.1);
  border-color: rgba(var(--tahros-primary-rgb), 0.2);
  color: var(--tahros-primary);
}

/* ============================================
   Badge Styles
   ============================================ */
.badge.bg-primary {
  background-color: var(--tahros-primary) !important;
}

.badge.bg-secondary {
  background-color: var(--tahros-secondary) !important;
}

/* ============================================
   Progress Bar
   ============================================ */
.progress-bar {
  background-color: var(--tahros-primary);
}

/* ============================================
   Spinner
   ============================================ */
.spinner-border.text-primary {
  color: var(--tahros-primary) !important;
}

/* ============================================
   List Group
   ============================================ */
.list-group-item.active {
  background-color: var(--tahros-primary);
  border-color: var(--tahros-primary);
}

/* ============================================
   Front Template Specific Overrides
   ============================================ */

/* Step Icons */
.step-icon {
  background-color: var(--tahros-primary);
}

.step-icon-soft-primary {
  background-color: rgba(var(--tahros-primary-rgb), 0.1);
  color: var(--tahros-primary);
}

/* Typed.js cursor */
.typed-cursor {
  color: var(--tahros-primary);
}

/* Video Player */
.video-player-btn {
  background-color: var(--tahros-primary);
}

.video-player-btn:hover {
  background-color: var(--tahros-primary-hover);
}

/* Gradient Text Highlight */
.text-highlight-warning {
  color: var(--tahros-primary) !important;
}

/* Icon Blocks */
.icon-primary {
  color: var(--tahros-primary);
}

/* Features hover states */
.card-transition:hover {
  border-color: var(--tahros-primary);
}

/* ============================================
   TAHROS Custom Utility Classes
   ============================================ */
.btn-tahros-primary {
  background-color: var(--tahros-primary);
  border-color: var(--tahros-primary);
  color: var(--tahros-white);
}

.btn-tahros-primary:hover,
.btn-tahros-primary:focus {
  background-color: var(--tahros-primary-hover);
  border-color: var(--tahros-primary-hover);
  color: var(--tahros-white);
}

.btn-tahros-secondary {
  background-color: var(--tahros-secondary);
  border-color: var(--tahros-secondary);
  color: var(--tahros-white);
}

.btn-tahros-secondary:hover,
.btn-tahros-secondary:focus {
  background-color: var(--tahros-secondary-hover);
  border-color: var(--tahros-secondary-hover);
  color: var(--tahros-white);
}

.btn-tahros-outline {
  background-color: transparent;
  border-color: var(--tahros-secondary);
  color: var(--tahros-secondary);
}

.btn-tahros-outline:hover,
.btn-tahros-outline:focus {
  background-color: var(--tahros-secondary);
  color: var(--tahros-white);
}

.text-tahros-primary {
  color: var(--tahros-primary) !important;
}

.text-tahros-secondary {
  color: var(--tahros-secondary) !important;
}

.text-tahros-muted {
  color: var(--tahros-muted) !important;
}

.bg-tahros-light {
  background-color: var(--tahros-light) !important;
}

.bg-tahros-primary {
  background-color: var(--tahros-primary) !important;
}

.bg-tahros-secondary {
  background-color: var(--tahros-secondary) !important;
}

a.link-tahros {
  color: var(--tahros-primary);
}

a.link-tahros:hover {
  color: var(--tahros-primary-hover);
}

/* ============================================
   Selection/Highlight Colors
   ============================================ */
::selection {
  background-color: rgba(var(--tahros-primary-rgb), 0.3);
  color: var(--tahros-secondary);
}

::-moz-selection {
  background-color: rgba(var(--tahros-primary-rgb), 0.3);
  color: var(--tahros-secondary);
}

/* ============================================
   Scrollbar (Modern Browsers)
   ============================================ */
::-webkit-scrollbar-thumb {
  background-color: var(--tahros-primary);
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--tahros-primary-hover);
}