/* Custom CSS for Lina Lienau Massage Therapy Website */

/* ========================================
   BRAND COLORS
   ======================================== */

:root {
  --primary-color: #5a8a6b; /* Sage green */
  --secondary-color: #F5F3F0; /* Warm white */
  --accent-color: #A67C3A; /* Gold */
  --text-color: #2d2d2d; /* Dark gray */
  --soft-pink: #F2E7E0; /* Soft pink */
  --link-color: #4a6741; /* Dark green */
  --link-hover-color: #3d5436; /* Darker green */
}

/* ========================================
   WCAG ACCESSIBILITY COMPLIANCE
   ======================================== */

/* Mobile touch targets - WCAG 2.5.5 compliance */
/* Ensure navigation links are large enough to tap on mobile devices */
@media (max-width: 960px) {
  header nav a,
  header nav ul li a {
    display: inline-block;
    min-height: 44px;
    padding: 12px 16px;
    line-height: 1.4;
  }
}

/* Focus indicators for keyboard navigation - WCAG 2.4.7 */
button:focus,
input:focus,
textarea:focus,
select:focus,
a:focus {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}

/* High contrast mode support - WCAG 1.4.3 */
@media (prefers-contrast: high) {
  :root {
    --primary-color: #2d2d2d;
    --text-color: #000000;
    --link-color: #000000;
    --link-hover-color: #000000;
  }
}

/* Reduced motion support - WCAG 2.3.3 */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}