@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@600;700;800&display=swap');

:root {
  --brand-navy: #0F2847;
  --brand-teal: #0D9488;
  --brand-teal-dark: #0F766E;
  --brand-emerald: #10B981;
}

body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: #1E293B;
  background-color: #F8FAFC;
  font-size: 18px; /* High legibility baseline for seniors & mobile */
  line-height: 1.6;
}

h1, h2, h3, h4, .font-display {
  font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif;
  line-height: 1.25;
}

/* Accessible focus states */
a:focus, button:focus, input:focus, select:focus {
  outline: 3px solid #0D9488 !important;
  outline-offset: 2px;
}

/* Touch targets: at least 48px min height for mobile accessibility */
.touch-target {
  min-height: 52px;
}

/* Clean, simple card shadow */
.card-simple {
  background: #FFFFFF;
  border: 2px solid #E2E8F0;
  border-radius: 20px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.card-highlight {
  background: #FFFFFF;
  border: 3px solid #0D9488;
  border-radius: 20px;
  box-shadow: 0 10px 25px -5px rgba(13, 148, 136, 0.15);
}

/* FAQ transition */
.faq-icon {
  transition: transform 0.2s ease;
}

/* Honeypot anti-spam field: off-screen for people, still in the form for bots */
.hp-field {
  position: absolute !important;
  left: -10000px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}