/* ============ THEME ============ */
/* Swap your brand accent here — one variable controls the whole theme */
:root {
  --accent: #ef5713;       /* primary accent (orange) */
  --accent-dark: #d4490c;
}

html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, sans-serif; }
.font-display { font-family: 'Archivo', system-ui, sans-serif; }

/* Accent helpers (used by Tailwind config via CSS var) */
.bg-accent { background-color: var(--accent); }
.bg-accentDark { background-color: var(--accent-dark); }
.text-accent { color: var(--accent); }
.border-accent { border-color: var(--accent); }
.hover\:bg-accentDark:hover { background-color: var(--accent-dark); }
.hover\:text-accent:hover { color: var(--accent); }

/* ============ FAQ ACCORDION ============ */
.faq-panel { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
.faq-item[open-state="true"] .faq-panel { max-height: 400px; }
.faq-item[open-state="true"] .faq-icon { transform: rotate(45deg); }
.faq-icon { transition: transform .25s ease; }

/* ============ ACCESSIBILITY ============ */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .faq-panel, .faq-icon { transition: none; }
}