:root {
  --bai-color-primary: #4338CA;
  --bai-color-primary-dark: #3429bb;
  --bai-color-accent: #A84D07;
  --bai-color-accent-dark: #993e00;
  --bai-color-primary-on-primary: #FFFFFF;
  --bai-color-primary-on-primary-dark: #ffffff;
  --bai-color-accent-on-accent: #FFFFFF;
  --bai-color-accent-on-accent-dark: #ffffff;
  --bai-color-accent-on-dark: #E36809;
  --bai-color-bg: #F7F1E8;
  --bai-color-text: #3A2E42;
  --bai-color-dark: #2A1B33;
  --bai-color-white: #F7F1E8;
  --bai-color-light: #efe9e1;
  --bai-color-muted: #615A6B;
  --bai-color-border: #d6d0cd;
  --bai-color-primary-on-light: #4338CA;
  --bai-color-primary-on-dark: var(--bai-color-white);
  --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: 'Mulish', sans-serif;
  --bai-font-heading: 'Cormorant Garamond', sans-serif;
  --bai-weight-normal: 400;
  --bai-weight-medium: 400;
  --bai-weight-bold: 600;
  --bai-radius-sm: 8px;
  --bai-radius-md: 16px;
  --bai-radius-lg: 32px;
  --bai-radius-xl: 48px;
  --bai-radius-full: 999px;
  --bai-btn-radius: 999px;
  --bai-text-xs: 0.8125rem;
  --bai-text-sm: 0.9375rem;
  --bai-text-base: 1.0625rem;
  --bai-text-md: 1.1875rem;
  --bai-text-lg: 1.375rem;
  --bai-text-xl: 1.625rem;
  --bai-text-2xl: 2.1875rem;
  --bai-text-3xl: 2.875rem;
  --bai-text-4xl: 3.5rem;
  --bai-text-5xl: 4.5rem;
  --bai-leading-tight: 1.15;
  --bai-leading-normal: 1.7;
  --bai-leading-loose: 1.85;
  --bai-fluid-h1: 5.5vw;
  --bai-fluid-h2: 4.5vw;
  --bai-fluid-h3: 3.5vw;
  --bai-space-16: 5rem;
  --bai-space-20: 6.25rem;
  --bai-space-24: 7.5rem;
  --bai-space-32: 10rem;
  --bai-container-pad: 2rem;
  --bai-hero-flash-color: rgba(67, 56, 202, 0.18);
  --bai-hero-flash-opacity: 1.5;
  --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);
}

.bai-service-sidebar .bai-service-sidebar__eyebrow {
  color: var(--bai-color-primary);
}
.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: #3429bb;
  color: var(--bai-color-primary-on-primary-dark);
  border-color: transparent;
  box-shadow: 0 4px 20px rgba(67, 56, 202, 0.35);
}

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

.bai-services__card {
  border-top-color: var(--bai-color-primary);
  border-radius: 0 0 32px 32px;
}
