:root {
     --yatlob-green-dark: #1A535C;
     /* Main dark green from logo */
     --yatlob-lime: #A7D129;
     /* Accent lime green from logo */
     --yatlob-dark: #2c3e50;
     /* A slightly softer dark for text */
     --yatlob-light-gray: #f8f9fa;
 }

 body {
     font-family: 'Cairo', sans-serif;
 }

 /* Extending Tailwind with our theme colors */
 .bg-yatlob-green-dark {
     background-color: var(--yatlob-green-dark);
 }

 .bg-yatlob-lime {
     background-color: var(--yatlob-lime);
 }

 .text-yatlob-green-dark {
     color: var(--yatlob-green-dark);
 }

 .text-yatlob-lime {
     color: var(--yatlob-lime);
 }

 .border-yatlob-green-dark {
     border-color: var(--yatlob-green-dark);
 }

 .border-yatlob-lime {
     border-color: var(--yatlob-lime);
 }

 .ring-yatlob-green-dark {
     --tw-ring-color: var(--yatlob-green-dark);
 }

 .hover\:bg-yatlob-green-dark-hover:hover {
     background-color: #154249;
 }

 .hover\:bg-yatlob-lime-hover:hover {
     background-color: #92b724;
 }

 /* Custom gradient for hero */
 .hero-gradient {
     background: linear-gradient(270deg, white 70%, #f0fdf4 100%);
 }

 /* FAQ Accordion styles */
 .accordion-content {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.3s ease-out;
 }

 .accordion-button svg {
     transition: transform 0.3s ease-out;
 }

 .accordion-button.open svg {
     transform: rotate(180deg);
 }