/* RSD Petrol – Staging v15, 05.10.2026.
   Load after the unchanged V13 layout. The logo separator uses #466C6E; all other SVG attributes remain unchanged. */
:root {
  --rsd-accent: #466C6E;
  --rsd-accent-hover: #4A7072;
  --rsd-focus: var(--rsd-accent);
  --rsd-v4-accent: var(--rsd-accent);
  --bordeaux: var(--rsd-accent);
  --bordeaux-light: var(--rsd-accent);
  --bordeaux-ink: var(--rsd-accent);
  --rsd-link-hover-text: var(--rsd-accent-hover);
}

/* Current navigation, hover and pressed state on the white header. */
body.rsd-v4 .rsd-header-v4 .rsd-nav-v4 a:is(:hover,:active,[aria-current="page"]) {
  color: var(--rsd-accent-hover);
  border-bottom-color: var(--rsd-accent-hover);
  text-decoration: none;
}

/* Normal CTA colours come from V13's shared tokens; include pressed states. */
body.rsd-v4 main :is(.btn,.button):is(:hover,:active),
body.rsd-v4[data-rsd-colour-page="projekte"] main .hero .btn:is(:hover,:active),
body.rsd-v4.rsd-v4-home main #kontakt .btn:is(:hover,:active),
body.rsd-v4[data-rsd-colour-page="kontakt"] main #schreiben .btn:is(:hover,:active) {
  background: var(--rsd-accent-hover);
  border-color: var(--rsd-accent-hover);
  color: var(--rsd-white);
}
/* Existing neutral CTAs on dark backgrounds retain their established palette. */
body.rsd-v4[data-rsd-colour-page="expertise"] #verantwortung .btn:is(:hover,:active),
body.rsd-v4.rsd-v4-home .rsd-hero-motion .btn:is(:hover,:active) {
  background: var(--rsd-grey);
  border-color: var(--rsd-white);
  color: var(--rsd-ink);
}

/* Keep small link text readable on warm grey: hover petrol is the underline.
   #4A7072 text on #E8E5E0 is only 4.34:1; dark text remains above 11:1. */
body.rsd-v4.rsd-v4-home :is(.claim-band,#module,#ueberblick,#leistungen),
body.rsd-v4[data-rsd-colour-page="expertise"] :is(#leistung,#kernexpertisen,#kundennutzen,#warum-rsd),
body.rsd-v4[data-rsd-colour-page="projekte"] :is(.hero,#uebersicht,#p2,#p4,#warum,#dialog),
body.rsd-v4[data-rsd-colour-page="ueber-rsd"] :is(#warum,#zusammenarbeit,#grenzen),
body.rsd-v4[data-rsd-colour-page="kontakt"] :is(#erreichen,#standort),
body.rsd-v4 main :is(.insights-hero,.insight-gallery,.logic,.tile) {
  --rsd-link-hover-text: var(--rsd-ink);
}
body.rsd-v4 main a:not(.btn):not(.button):not(.insight-card__media):is(:hover,:active),
body.rsd-v4[data-rsd-colour-page="projekte"] main .hero .index a:is(:hover,:active) {
  color: var(--rsd-link-hover-text);
  text-decoration-color: var(--rsd-accent-hover);
}
body.rsd-v4[data-rsd-colour-page="expertise"] #verantwortung a:not(.btn):is(:hover,:active) {
  color: var(--rsd-white);
  text-decoration-color: var(--rsd-white);
}

/* Legacy hard-coded red status rules and placeholder tints, outside logo assets. */
body.rsd-v4[data-rsd-colour-page="legal"] .status-note {
  border-left-color: var(--rsd-accent);
}
body.rsd-v4 main .ph {
  background: var(--rsd-grey);
  color: var(--rsd-accent);
  outline-color: var(--rsd-accent);
}

/* The standalone 404 page retains its layout and logo; only its red kicker changes. */
body:not(.rsd-v4) .legal .eyebrow { color: var(--rsd-accent); }