/**
 * base.css
 * Globale Defaults: Typografie, Links, Fokus, Layout-Utilities
 * Ziel: Moderne Standards + wenig Überraschungen
 */

html {
  scroll-behavior: smooth;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: var(--font-base);
  font-size: var(--fs-0);
  line-height: var(--lh-base);
  color: var(--color-text);
  background: var(--color-bg);
}

/* Sinnvolle Textbreite für lange Inhalte */
.pls-prose {
  max-width: 72ch;
}

/* Links */
a {
  color: color-mix(in srgb, var(--color-brand) 82%, var(--color-text));
  text-underline-offset: 0.18em;
  text-decoration-thickness: 0.08em;
  transition: color var(--transition-fast);
}
a:hover {
  color: var(--color-accent);
}

a.white {
color:var(--color-text-light);
}


/* Fokus sichtbar */
:where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
  border-radius: 0.35rem;
}

/* Überschriften (Defaults) */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  line-height: var(--lh-tight);
  letter-spacing: -0.01em;
  margin: 0 0 var(--space-3);
}
h1 { font-size: var(--fs-5); }
h2 { font-size: var(--fs-4); }
h3 { font-size: var(--fs-3); }
h4 { font-size: var(--fs-2); }
h5 { font-size: var(--fs-1); }
h6 { font-size: var(--fs-0); }

/* Fließtext Rhythmus */
p {
  /*margin: 0 0 var(--space-3);*/
  color: color-mix(in srgb, var(--color-text) 92%, var(--color-muted));
  font-size: var(--fs-0);
}

.white {
  /*margin: 0 0 var(--space-3);*/
color:var(--color-text-light);

}
	

/* Medien responsiv */
img, video, svg {
  max-width: 100%;
  height: auto;
}

/* Buttons (Baseline, Divi wird später angepasst) */
button, input[type="submit"], .pls-btn {
  font: inherit;
  cursor: pointer;
}

/* Utility: Container */
.pls-container {
  width: min(100% - (2 * var(--gutter)), var(--container-max));
  margin-inline: auto;
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  * {
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }
}