/* Customer-owned values: original blue-green surfaces, established action pair.
 * White on #387E99 measures 4.55:1. Never reduce text opacity on this surface.
 * Product catalog behavior and existing light/dark action colors stay intact.
 */
:root {
  --oele-brand-surface: #387E99;
  --oele-brand-on-surface: #FFFFFF;
  --oele-soft-surface: #EAF3F6;
  --mv-body-font: var(--font-body);
  --mv-heading-font: var(--font-heading);
  --mv-section-space: 56px;
  --mv-wave-height: 24px;
  --mv-wave-top-backdrop: var(--bg);
  --mv-wave-bottom-backdrop: var(--bg);
  --mv-soft-bg: var(--oele-soft-surface);
  --mv-soft-text: var(--text);
  --mv-soft-muted: var(--text-2);
  --mv-soft-link: var(--accent-text);
  --mv-soft-action: var(--accent);
  --mv-soft-action-text: var(--on-accent);
  --mv-soft-border: var(--line-strong);
  --mv-soft-card: var(--surface);
  --mv-soft-card-text: var(--text);
  --mv-soft-focus: var(--accent-text);
  --mv-accent-bg: var(--oele-brand-surface);
  --mv-accent-text: var(--oele-brand-on-surface);
  --mv-accent-muted: var(--oele-brand-on-surface);
  --mv-accent-link: var(--oele-brand-on-surface);
  --mv-accent-action: #FFFFFF;
  --mv-accent-action-text: #2F6D85;
  --mv-accent-border: #FFFFFF;
  --mv-accent-card: var(--surface);
  --mv-accent-card-text: var(--text);
  --mv-accent-focus: #FFFFFF;
  --mv-card-link: var(--accent-text);
  --mv-card-muted: var(--text-2);
  --mv-card-focus: var(--accent-text);
  --mv-card-action: var(--accent);
  --mv-card-action-text: var(--on-accent);
  /* The inverse card stays a white surface in both themes (sections.css), so its
   * pair is the fixed light-theme brand pair as hex, never var(): the theme tokens
   * above flip to the bright dark-mode accent and measure 2.33:1 on white.
   * On #FFFFFF: #2F6D85 5.76:1 (link, focus, action), #4A5C68 6.95:1 (muted),
   * #FFFFFF on #2F6D85 5.76:1 (label). Values are --brand-accent, --text-2 and
   * --on-accent of the light theme in tokens.css. */
  --mv-inverse-card-link: #2F6D85;
  --mv-inverse-card-focus: #2F6D85;
  --mv-inverse-card-action: #2F6D85;
  --mv-inverse-card-muted: #4A5C68;
  --mv-inverse-card-action-text: #FFFFFF;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --oele-soft-surface: #172B34; }
}
:root[data-theme="dark"] { --oele-soft-surface: #172B34; }
:root[data-theme="light"] { --oele-soft-surface: #EAF3F6; }
.home-section.mv-section {
  max-width: none;
  padding-inline: max(24px, calc((100% - 1132px) / 2));
}
#kontakt.mv-section { --mv-wave-top-backdrop: var(--accent); }
.home-section[data-tone="accent"] .home-section-head h2,
.home-section[data-tone="accent"] .home-section-head p,
.home-section[data-tone="accent"] .home-contact-info p,
.home-section[data-tone="accent"] .home-contact-info a { color: var(--oele-brand-on-surface); }
.home-section[data-tone="accent"] .home-contact-info a { text-decoration: underline; text-underline-offset: 0.15em; }
.home-section[data-tone="accent"] .home-form { color: var(--text); }
main.contact-form { border-top: 4px solid var(--oele-brand-surface); padding-top: 24px; }