/* Farbkonzept Ortsgemeinde Faid
   Dunkelgruen = Orientierung und Verlaesslichkeit
   Hellgruen = Interaktion und Hover
   Rostrot = Links und Handlung
   Gold = Geschichte, Zahlen und kleine Hinweise
   Creme = ruhiger Seitenhintergrund
*/
:root {
  --ink: #26352f;
  --deep: #1d2b26;
  --olive: #7d8d67;
  --mist: #dce4db;
  --cream: #f3f0e8;
  --paper: #fbfaf6;
  --rust: #a5533c;
  --gold: #bd9450;
  --muted: #707971;
}

/* Einheitlicher Hover-Zustand fuer interaktive Flaechen */
.build-grid .build-block:hover,
.build-grid .build-block:focus-within,
.secondary article:hover,
.secondary article:focus-within,
.quick-action:hover,
.quick-action:focus-visible,
.link-card:hover,
.link-card:focus-within,
.info-card:hover,
.info-card:focus-within,
.document-card:hover,
.document-card:focus-within,
.school-card:hover,
.school-card:focus-within {
  background: var(--mist) !important;
  color: var(--ink) !important;
  border-top-color: var(--olive) !important;
}

.build-grid .build-block:hover h3,
.build-grid .build-block:hover p,
.build-grid .build-block:hover a,
.secondary article:hover h3,
.secondary article:hover p,
.secondary article:hover a,
.quick-action:hover strong,
.quick-action:hover span,
.quick-action:focus-visible strong,
.quick-action:focus-visible span,
.link-card:hover h3,
.link-card:hover p,
.info-card:hover h3,
.info-card:hover p,
.document-card:hover h3,
.document-card:hover p,
.school-card:hover h3,
.school-card:hover p {
  color: var(--ink) !important;
}

/* Rostrot bleibt der klare Handlungsakzent */
.text-link,
.secondary a,
.quick-action-arrow,
.link-card a,
.document-card a {
  color: var(--rust);
}

/* Gold nur fuer kleine Hinweise, Zahlen und historische Markierungen */
.fact-label,
.fact-value,
.kicker,
.section-tag,
.footer-kicker,
.year-motif,
.page-year-motif,
.index a::before {
  color: var(--gold);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; }
}

/* Unterseiten: dezente Akzentfarben nach Seitentyp */
.page-head,
.page > main > .page-head,
main.page > .page-head {
  border-bottom-color: var(--line);
}

/* Rostrot: Kontakt und konkrete Handlungen */
body.page-contact .page-head,
body.page-action .page-head,
body.page-contact .contact-card,
body.page-action .contact-card,
body.page-contact .contact-block,
body.page-action .contact-block {
  border-bottom-color: var(--rust);
}

/* Gold: Geschichte, Ortsrecht und Dokumente */
body.page-history .page-head,
body.page-documents .page-head,
body.page-history .history-card,
body.page-documents .document-card,
body.page-documents .law-card {
  border-bottom-color: var(--gold);
}

/* Gedecktes Gruen: Orientierung, Alltag und Gemeinschaft */
body.page-practical .page-head,
body.page-community .page-head,
body.page-practical .info-card,
body.page-community .info-card,
body.page-community .list-card {
  border-bottom-color: var(--olive);
}

/* Seitentyp als dezente Linie im Seitenkopf */
body.page-contact .page-head::after,
body.page-action .page-head::after,
body.page-history .page-head::after,
body.page-documents .page-head::after,
body.page-practical .page-head::after,
body.page-community .page-head::after {
  content: "";
  display: block;
  grid-column: 1 / -1;
  width: 62px;
  height: 3px;
  margin-top: 18px;
}
body.page-contact .page-head::after,
body.page-action .page-head::after { background: var(--rust); }
body.page-history .page-head::after,
body.page-documents .page-head::after { background: var(--gold); }
body.page-practical .page-head::after,
body.page-community .page-head::after { background: var(--olive); }

/* Praktische Kontakt- und Downloadlinks bleiben rostrot */
body.page-contact a:not(.back-link),
body.page-action a:not(.back-link),
body.page-documents .pdf-link,
body.page-documents .download-link { color: var(--rust); }

/* Historische und dokumentarische Marker bleiben gold */
body.page-history .timeline time,
body.page-history .history-card .label,
body.page-documents .fact-label,
body.page-documents .document-meta { color: var(--gold); }

/* Ruhige Interaktion bleibt auf allen Unterseiten hellgruen */
body.page-practical .info-card:hover,
body.page-practical .route-card:hover,
body.page-community .info-card:hover,
body.page-community .list-card:hover,
body.page-history .history-card:hover,
body.page-documents .document-card:hover,
body.page-contact .contact-card:hover,
body.page-action .contact-card:hover {
  background: var(--mist) !important;
}