:root {
  /* Colors */
  --color-heading-nav: #00008F;
  --color-main-bg: #FFFFFF;
  --color-section-bg: #F4F7F9;
  --color-cta: #FF8C00;

  /* Font Sizes */
  --font-size-small: 1rem;     /* 16px */
  --font-size-base: 1.125rem;  /* 18px */
  --font-size-heading: 3rem;   /* 48px */
}

/* Base styles using our variables */
body {
  background-color: var(--color-main-bg);
  font-size: var(--font-size-base);
  scroll-behavior: smooth;
}

/* Utility classes and colors are managed by Tailwind config in index.html */

/* WhatsApp Pulse Animation */
@keyframes softPulse {
  0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4); }
  70% { transform: scale(1.02); box-shadow: 0 0 0 15px rgba(34, 197, 94, 0); }
  100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}

.whatsapp-pulse {
  animation: softPulse 2s infinite;
}

/* Accessibility Focus Mode */
*:focus-visible {
  outline: 3px solid var(--color-cta);
  outline-offset: 4px;
}

/* Ensure no logo in footer override just in case */
footer img[alt*="logo"], footer img[src*="logo"] {
  display: none !important;
}