/* Reset, Typografie, Grundlayout. */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.6;
  font-size:clamp(1rem, 0.95rem + 0.3vw, 1.125rem);
}
img{ max-width:100%; height:auto; display:block; }
a{ color:var(--accent); }

/* Sichtbarer Fokus (WCAG 2.4.7) */
:focus-visible{ outline:3px solid var(--c-gold); outline-offset:3px; }

/* Skip-Link (WCAG 2.4.1) */
.skip-link{
  position:absolute; left:0; top:-3.5rem;
  background:var(--c-cream); color:var(--c-petrol-900);
  padding:.6rem 1rem; border-radius:0 0 var(--radius) 0; z-index:10;
  transition:top .15s ease;
}
.skip-link:focus{ top:0; }

/* Bewegung reduzieren (WCAG 2.3.3) */
@media (prefers-reduced-motion: reduce){
  *{ animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}