:root {
  --bai-color-primary: #F5E100;
  --bai-color-primary-dark: #e6d200;
  --bai-color-accent: #000000;
  --bai-color-accent-dark: #1A1A1A;
  --bai-color-primary-on-primary: #1a1a1a;
  --bai-color-primary-on-primary-dark: #1a1a1a;
  --bai-color-accent-on-accent: #ffffff;
  --bai-color-accent-on-accent-dark: #ffffff;
  --bai-color-accent-on-dark: #9CA3AF;
  --bai-color-bg: #FFFFFF;
  --bai-color-text: #1A1A1A;
  --bai-color-dark: #000000;
  --bai-color-white: #FFFFFF;
  --bai-color-light: #f6f6f6;
  --bai-color-muted: #454545;
  --bai-color-border: #d6d6d6;
  --bai-color-primary-on-light: #000000;
  --bai-color-primary-on-dark: #F5E100;
  --bai-color-faq-open: var(--bai-color-primary-on-light);
  --bai-color-faq-open-dark: var(--bai-color-white);
  --bai-logo-positive-display: inline-block;
  --bai-logo-negative-display: none;
  --bai-font-sans: 'Work Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --bai-font-heading: 'Caprasimo', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --bai-weight-normal: 400;
  --bai-weight-medium: 400;
  --bai-weight-bold: 400;
  --bai-radius-sm: 3px;
  --bai-radius-md: 6px;
  --bai-radius-lg: 12px;
  --bai-radius-xl: 18px;
  --bai-btn-radius: 6px;
  --bai-btn-primary-dark-bg: var(--bai-color-primary);
  --bai-btn-primary-dark-fg: var(--bai-color-primary-on-primary);
  --bai-btn-primary-dark-border: var(--bai-color-primary);
  --bai-btn-primary-dark-hover-bg: var(--bai-color-primary-dark);
  --bai-btn-primary-dark-hover-fg: var(--bai-color-primary-on-primary-dark);
  --bai-btn-primary-dark-hover-border: var(--bai-color-primary-dark);
  --bai-btn-on-brand-bg: var(--bai-color-dark);
  --bai-btn-on-brand-fg: var(--bai-color-white);
  --bai-btn-on-brand-hover-bg: color-mix(in srgb, var(--bai-color-dark) 82%, var(--bai-color-white));
  --bai-btn-on-brand-hover-fg: var(--bai-color-white);
  --bai-btn-secondary-bg: transparent;
  --bai-btn-secondary-fg: var(--bai-color-text);
  --bai-btn-secondary-border: var(--bai-color-text);
  --bai-btn-secondary-hover-bg: var(--bai-color-text);
  --bai-btn-secondary-hover-fg: var(--bai-color-white);
  --bai-btn-secondary-hover-border: var(--bai-color-text);
  --bai-hero-flash-opacity: 0;
  --bai-hero-rays-opacity: 0;
}

.bai-section--light .bai-faq__question,
.bai-section--white .bai-faq__question {
  color: var(--bai-color-primary-on-light);
}
.bai-section--light .bai-heading,
.bai-section--white .bai-heading {
  color: var(--bai-color-dark);
}

.bai-section--dark h1, .bai-section--dark h2, .bai-section--dark h3,
.bai-section--dark .bai-service-hero__title,
.bai-section--dark .bai-service-hero__text,
.bai-section--dark .bai-heading {
  color: var(--bai-color-white);
}
.bai-section--dark .bai-kicker {
  color: var(--bai-color-white);
}
.bai-section--dark .bai-text {
  color: rgba(255, 255, 255, 0.8);
}

.bai-service-faqs {
  --bai-color-faq-open: var(--bai-color-primary-on-light);
}
.bai-service-faqs .bai-heading {
  color: var(--bai-color-dark);
}
.bai-service-faqs .bai-kicker {
  color: var(--bai-color-primary-on-light);
}

.bai-service-sidebar .bai-service-sidebar__eyebrow {
  color: var(--bai-color-primary-on-light);
}
.bai-service-sidebar .bai-service-sidebar__title {
  color: var(--bai-color-dark);
}
.bai-service-sidebar .bai-service-sidebar__highlights li::before,
.bai-service-sidebar .bai-service-sidebar__highlights .bai-icon {
  color: var(--bai-color-primary-on-light);
}
.bai-service-sidebar .bai-service-sidebar__highlights li::before {
  background: var(--bai-color-primary-on-light);
}

.bai-button.bai-button--primary {
  background-color: var(--bai-color-primary);
  color: var(--bai-color-primary-on-primary);
  border-radius: var(--bai-btn-radius, var(--bai-radius-full));
}

.bai-button {
  border-radius: var(--bai-btn-radius, var(--bai-radius-full));
}

.bai-button.bai-button--primary {
  border-color: transparent;
}

.bai-button.bai-button--primary:hover {
  background-color: #e6d200;
  color: var(--bai-color-primary-on-primary-dark);
  border-color: transparent;
  box-shadow: 0 4px 20px rgba(245, 225, 0, 0.35);
}

.bai-button.bai-button--secondary {
  border-radius: 6px;
}

.bai-services__card {
  border-top: 1px solid var(--bai-card-border-color);
  border-left: 3px solid var(--bai-color-primary);
  border-radius: 8px;
}

.bai-services__card:hover {
  border-top-color: var(--bai-card-border-color);
  border-left-color: var(--bai-color-accent);
}
