@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import "tailwindcss";

*,
*::before,
*::after {
  box-sizing: border-box !important;
}

html,
body {
  scroll-behavior: smooth;
  overflow-x: hidden;

}

:root {
  /* --- Primary Brand Colors --- */
  --primary-dark: #4d0e0e;
  /* Deep Burgundy (Hero/Footer) */
  --primary-base: #801a1a;
  /* Maroon (Sections/Gradients) */
  --accent-gold: #d4a017;
  /* Gold (Headlines/Icons) */
  --accent-orange: #ff8c00;
  /* Vibrant Orange (CTAs/Urgency) */

  /* --- Surface & Backgrounds --- */
  --bg-dark: var(--primary-dark);
  --bg-light: #ffffff;
  --bg-card: #f3f1f1;

  /* --- Typography --- */
  --text-on-dark: #ffffff;
  --text-on-light: #1a1a1a;
  --text-muted: #e0e0e0;
  --text-brand: var(--accent-gold);

  /* --- UI Elements --- */
  --border-radius: 8px;
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 12px rgba(77, 14, 14, 0.15);

  /* --- Gradients (From the flyer's design) --- */
  --gradient-hero: linear-gradient(135deg, #801a1a 0%, #4d0e0e 100%);
  --gradient-gold: linear-gradient(90deg, #d4a017 0%, #f0c541 100%);
}

body {
  margin: 0;
  padding: 0;
  font-family: "Outfit", sans-serif;
  color: var(--text-charcoal);
}

/* TESTIMONIAL SLIDER */
.testimonial-dots-container {
  position: relative;
  z-index: 40;
  margin-top: -24px;
}

.slick-dots {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.slick-dots li {
  display: inline-block;
}

.slick-dots li button {
  text-indent: -9999px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--text-heading);
}

.slick-dots li.slick-active button {
  background-color: var(--primary-accent);
}