:root {
  --bora-primary: #16A34A;
  --bora-primary-dark: #065F46;
  --bora-accent: #F97316;
  --bora-bg: #F0F2EF;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: var(--bora-bg);
}

.bora-hero-gradient {
  background: linear-gradient(135deg, var(--bora-primary) 0%, var(--bora-primary-dark) 100%);
}

.bora-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.bora-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px -8px rgba(6, 95, 70, 0.25);
}

.bora-fade-in {
  opacity: 0;
  transform: translateY(16px);
  animation: bora-fade-in-up 0.6s ease forwards;
}

@keyframes bora-fade-in-up {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.bora-delay-1 { animation-delay: 0.1s; }
.bora-delay-2 { animation-delay: 0.2s; }
.bora-delay-3 { animation-delay: 0.3s; }
.bora-delay-4 { animation-delay: 0.4s; }

/* Mobile drawer */
#mobile-drawer {
  transform: translateX(100%);
  transition: transform 0.25s ease;
}

#mobile-drawer.open {
  transform: translateX(0);
}

#mobile-overlay {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}

#mobile-overlay.open {
  opacity: 1;
  pointer-events: auto;
}

/* FAQ accordion */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.faq-item.open .faq-answer {
  max-height: 500px;
}

.faq-item.open .faq-chevron {
  transform: rotate(180deg);
}

.faq-chevron {
  transition: transform 0.25s ease;
}