/* Custom styles for Succesvol Uw Huis Verkopen */
body { 
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-display: swap;
}

/* Fix deprecated H1 font size warning in sectioning elements */
section h1, article h1, aside h1, nav h1 {
  font-size: 2.25rem; /* 36px - explicit size to prevent browser changes */
  line-height: 1.2;
}
.gradient-bg { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.hero-pattern { background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
/* Accessible focus styles */
a:focus-visible, button:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
  box-shadow: 0 0 0 3px rgba(59,130,246,0.35);
  border-radius: 0.5rem;
}
/* Skip link */
.skip-link {
  position: absolute;
  left: 0.5rem;
  top: -40px;
  background: #1e40af;
  color: #fff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  transition: top 0.2s ease;
  z-index: 1000;
}
.skip-link:focus { top: 0.5rem; }

/* Subtle text shadow for hero headings */
.text-shadow {
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

/* Smaller text shadow variant */
.text-shadow-sm {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

/* Stronger shadow for large headings on bright backgrounds */
.text-shadow-strong {
  text-shadow: 0 4px 16px rgba(0, 0, 0, 0.6);
}
