/* Torque Brand Color Scheme */
:root {
  /* Primary Colors */
  --torque-deep-navy: #00072D;
  --torque-dark-blue: #001C55;
  --torque-mid-dark-blue: #0A2472;
  --torque-bright-blue: #0E6BA8;
  --torque-light-blue: #A6E1FA;
  
  /* Bootstrap Override - Using Torque's bright blue as primary */
  --bs-primary: var(--torque-bright-blue);
  --bs-primary-rgb: 14, 107, 168;
  
  /* Secondary color using mid-dark blue */
  --bs-secondary: var(--torque-mid-dark-blue);
  --bs-secondary-rgb: 10, 36, 114;
  
  /* Background colors */
  --bs-light: var(--torque-light-blue);
  --bs-dark: var(--torque-deep-navy);
  
  /* Custom Torque-specific variables */
  --torque-bg-dark: var(--torque-deep-navy);
  --torque-bg-mid: var(--torque-dark-blue);
  --torque-bg-light: var(--torque-light-blue);
  --torque-text-dark: var(--torque-deep-navy);
  --torque-text-light: var(--torque-light-blue);
  --torque-accent: var(--torque-bright-blue);
}

/* Torque-specific utility classes */
.bg-torque-dark {
  background-color: var(--torque-deep-navy) !important;
}

.bg-torque-mid {
  background-color: var(--torque-dark-blue) !important;
}

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

.text-torque-dark {
  color: var(--torque-deep-navy) !important;
}

.text-torque-light {
  color: var(--torque-light-blue) !important;
}

.text-torque-accent {
  color: var(--torque-bright-blue) !important;
}

.border-torque {
  border-color: var(--torque-bright-blue) !important;
}

/* Hero text color overrides for Torque */
.bg-torque-dark .hero h1,
.bg-torque-dark .hero .display-1,
.bg-torque-dark .hero .display-2,
.bg-torque-dark .hero .display-3,
.bg-torque-dark .hero .display-4,
.bg-torque-dark .hero .display-5,
.bg-torque-dark .hero .display-6,
.bg-torque-dark .hero h1,
.bg-torque-dark .hero h2,
.bg-torque-dark .hero h3,
.bg-torque-dark .hero h4,
.bg-torque-dark .hero h5,
.bg-torque-dark .hero h6,
.bg-torque-dark .hero p,
.bg-torque-dark .hero .lead,
.bg-torque-dark .hero .subtitle {
  color: white !important;
}

/* Ensure all text in torque-dark backgrounds is white */
.bg-torque-dark,
.bg-torque-dark * {
  color: white !important;
}

.bg-torque-dark h1,
.bg-torque-dark h2,
.bg-torque-dark h3,
.bg-torque-dark h4,
.bg-torque-dark h5,
.bg-torque-dark h6,
.bg-torque-dark p,
.bg-torque-dark .lead,
.bg-torque-dark .subtitle {
  color: white !important;
}

/* Remove any unwanted backgrounds or borders */
.bg-torque-dark {
  background: var(--torque-deep-navy) !important;
  border: none !important;
  box-shadow: none !important;
}

.bg-torque-dark .wrapper {
  background: var(--torque-deep-navy) !important;
  border: none !important;
  box-shadow: none !important;
}

/* Ensure hero section is clean */
.bg-torque-dark .hero,
.bg-torque-dark .wrapper {
  background: var(--torque-deep-navy) !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Override any default wrapper styling that might cause grey boxes */
.wrapper.bg-torque-dark {
  background: var(--torque-deep-navy) !important;
  background-color: var(--torque-deep-navy) !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  color: white !important;
}

/* Target the specific services hero wrapper */
section.wrapper.bg-torque-dark {
  background: var(--torque-deep-navy) !important;
  background-color: var(--torque-deep-navy) !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  color: white !important;
}

/* Override any card-body styling that might cause grey boxes */
.bg-torque-dark .card-body,
.wrapper.bg-torque-dark .card-body,
section.wrapper.bg-torque-dark .card-body {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: white !important;
}

/* Override any default card styling */
.bg-torque-dark .card,
.wrapper.bg-torque-dark .card,
section.wrapper.bg-torque-dark .card {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}