/* Custom Tailwind Styles */
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --color-primary: #9A887A;
  --color-secondary: #B8AD9B;
  --color-accent: #F4F5EF;
}

body {
  font-family: 'Montserrat', sans-serif;
  color: #333;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Merriweather', serif;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Custom container max-width to match WordPress theme */
.container {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

/* WordPress alignment classes compatibility */
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {
  float: left;
  margin-right: 1rem;
}

.alignright {
  float: right;
  margin-left: 1rem;
}

/* Smooth transitions for interactive elements */
a, button {
  transition: all 0.3s ease;
}

/* Custom focus styles */
*:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

/* Accordion animation */
.accordion-toggle::after {
  content: '▼';
  float: right;
  transition: transform 0.3s ease;
}

.accordion-toggle[aria-expanded="true"]::after {
  transform: rotate(180deg);
}