/*
 * Grundlagen jenseits von theme.json.
 * Haelt nur, was theme.json nicht ausdruecken kann: das Akzent-Gewand,
 * Scroll-Verhalten, Fokus und ein paar Zugaenglichkeits-Feinheiten.
 * Komponentenstile der Module kommen spaeter als Block-Patterns dazu.
 */

/* Akzent-Gewand: eine Variable steuert die Kontrastfarbe im Inhalt.
   Standard Gold. Blau fuer Brandschutz, Grau fuer Sanitaerwaende. */
:root {
  --acc: var(--wp--custom--accent);
  --acc-bright: var(--wp--custom--accent-bright);
  --acc-soft: var(--wp--custom--accent-soft);
}
/*
 * Grund-Schriftgroesse fest auf 16px. Ein alt-Oxygen-Performance-mu-Plugin
 * setzt global html{font-size:62.5%} (=10px), wodurch alle rem-basierten
 * Groessen des portierten Designs auf 0,625 schrumpfen. Das Theme setzt hier
 * seine eigene Design-Baseline, ohne die Suite anzufassen.
 */
html {
  font-size: 100% !important;
}

/* Sprungmarken landen unter dem klebenden Kopf */
html {
  scroll-behavior: smooth;
  scroll-padding-top: var(--wp--custom--scroll-padding);
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

/* Sichtbarer Fokus fuer Tastatur-Navigation */
:focus-visible {
  outline: 3px solid var(--wp--preset--color--gold);
  outline-offset: 2px;
  border-radius: 3px;
}

::selection {
  background: var(--wp--preset--color--gold);
  color: #1a1400;
}

img {
  max-width: 100%;
  height: auto;
}

/* Bewegung nur, wenn der Nutzer sie zulaesst */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}

/*
 * Inhaltslinks lesbar halten. Das Modul-CSS (components.css) setzt global
 * a{color:inherit;text-decoration:none} fuer Kopf, Fuss und Module. Innerhalb
 * des Seiteninhalts sollen Links aber sichtbar und unterstrichen sein.
 * base.css laedt nach components.css, diese Regel gewinnt.
 */
.pfeil-prose a:not(.wp-element-button) {
  color: var(--acc);
  text-decoration: underline;
  text-underline-offset: 0.12em;
}
.pfeil-prose a:not(.wp-element-button):hover {
  color: var(--wp--preset--color--ink);
}