:root {
  --bai-color-primary: #5C4033;
  --bai-color-primary-dark: #4d3124;
  --bai-color-accent: #B45309;
  --bai-color-accent-dark: #a54400;
  --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: #F37311;
  --bai-color-bg: #FFFFFF;
  --bai-color-text: #1A1A1A;
  --bai-color-dark: #3F2A1F;
  --bai-color-white: #FFFFFF;
  --bai-color-light: #f6f6f6;
  --bai-color-muted: #6B7280;
  --bai-color-border: #dee0e3;
  --bai-color-primary-on-light: #A24A0C;
  --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: 'Inter', sans-serif;
  --bai-font-heading: 'Fraunces', sans-serif;
  --bai-weight-normal: 400;
  --bai-weight-medium: 400;
  --bai-weight-bold: 600;
  --bai-radius-sm: 5px;
  --bai-radius-md: 10px;
  --bai-radius-lg: 20px;
  --bai-radius-xl: 30px;
  --bai-radius-full: 10px;
  --bai-btn-radius: 10px;
  --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(92, 64, 51, 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: #4d3124;
  color: var(--bai-color-primary-on-primary-dark);
  border-color: transparent;
  box-shadow: 0 4px 20px rgba(92, 64, 51, 0.35);
}

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

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