/* ==========================================================================
   Enable your Execution — Darkmode
   Greift NUR bei System-Darkmode (prefers-color-scheme: dark).
   Das helle Layout (eye-ds.css) bleibt unverändert.
   Prinzip: Tokens umbelegen, nur echte Hardcodes einzeln überschreiben.
   ========================================================================== */

@media (prefers-color-scheme: dark){

/* ---------- 1. Tokens ---------- */
:root:root{
  color-scheme:dark;

  /* helle Skalenstufen = Flächen/Rahmen -> dunkle Tönungen */
  --blue-50:#1D2738;--blue-100:#202B40;--blue-200:#2C3B58;--blue-300:#3B4E74;
  --sand-100:#2A2419;--sand-200:#3D3322;
  --n-0:#12161D;--n-25:#141921;--n-50:#171C25;--n-100:#252C38;--n-200:#323A47;--n-300:#4A5361;
  /* dunkle Neutralstufen = Text -> hell */
  --n-400:#8E98A7;--n-500:#A0A9B6;--n-600:#B9C1CC;--n-700:#CDD3DC;--n-800:#E2E6EC;--n-900:#F1F3F6;
  --green-50:#16271F;--amber-50:#2B2214;--red-50:#2E1716;
  --blue-900:#E8EDF6;

  /* semantisch */
  --brand:#7C9BDD;--brand-strong:#90ACE6;--brand-deep:var(--blue-800);
  --text-heading:#E8EDF6;--text-body:#B9C1CC;--text-muted:#A0A9B6;--text-subtle:#8E98A7;
  --text-link:#90ACE6;--text-link-hover:#B3C6EF;

  --surface-page:#12161D;--surface-tint:#171D27;--surface-band:#1C2431;
  --surface-card:#1A202A;--surface-card-tint:#1C2535;--surface-inset:#171C25;
  --surface-brand:var(--blue-600);--surface-brand-deep:#16233F;

  --border-subtle:#252C38;--border-default:#323A47;--border-strong:#4A5361;--border-brand:#2F4570;

  /* Primär-Button bleibt Markenblau mit weißer Schrift */
  --btn-primary-bg:var(--blue-500);--btn-primary-bg-hover:var(--blue-600);--btn-primary-bg-active:var(--blue-700);
  --btn-secondary-border:#3B5287;--btn-secondary-bg-hover:#1E2738;
  --btn-onbrand-bg:#FFFFFF;--btn-onbrand-text:var(--blue-700);--btn-onbrand-bg-hover:#E4EAF8;

  --shadow-1:none;
  --shadow-2:0 6px 20px -6px rgba(0,0,0,.45);
  --shadow-3:0 18px 44px -14px rgba(0,0,0,.6);
  --focus-ring:0 0 0 3px rgba(124,155,221,.4);

  /* WordPress-Presets (theme.json): Hintergrund, Text, Mobil-Menü-Overlay */
  --wp--preset--color--base:#12161D;
  --wp--preset--color--tint:#171D27;
  --wp--preset--color--band:#1C2431;
  --wp--preset--color--sand-light:#2A2419;
  --wp--preset--color--neutral-25:#141921;
  --wp--preset--color--neutral-50:#171C25;
  --wp--preset--color--neutral-100:#252C38;
  --wp--preset--color--neutral-200:#323A47;
  --wp--preset--color--neutral-300:#4A5361;
  --wp--preset--color--neutral-400:#8E98A7;
  --wp--preset--color--neutral-500:#A0A9B6;
  --wp--preset--color--text-body:#B9C1CC;
  --wp--preset--color--neutral-700:#CDD3DC;
  --wp--preset--color--neutral-800:#E2E6EC;
  --wp--preset--color--text-heading:#E8EDF6;
  --wp--preset--color--brand-strong:#90ACE6;
}

/* ---------- 2. Hardcodes aus eye-ds.css ---------- */
body{background:var(--surface-page);color:var(--text-body)}

/* Header: halbtransparentes Weiß -> halbtransparentes Dunkel */
.eye-header,
header.wp-block-template-part{background:rgba(18,22,29,.92);box-shadow:0 1px 0 var(--border-subtle)}

/* Logo: Header nutzt EYE-Symbol-transparent.png (ohne weiße Fläche); Schriftzug aufgehellt */
.eye-logo__name{color:#6E8ED3}

/* Kürzel-Avatar: dunkle Schrift auf jetzt dunkler Fläche */
.eye-quote__avatar--initials{color:var(--brand-strong)}

/* Social-Buttons: Markenfarben auf Dunkel aufhellen */
.eye-social__btn--li,.eye-social__btn--li:hover{color:#5AA0E6;border-color:#3A6FA8}
.eye-social__btn--ig,.eye-social__btn--ig:hover{color:#EE6F98;border-color:#9A3E5E}

/* Formularfelder: Text hell */
.eye-form :is(input,textarea,select),
.wpcf7 :is(input,textarea,select){color:var(--n-800)}
.eye-form ::placeholder,.wpcf7 ::placeholder{color:var(--text-subtle)}

/* Mobil-Menü / Untermenüs */
.wp-block-navigation__responsive-container.is-menu-open,
.wp-block-navigation .wp-block-navigation__submenu-container{background:var(--surface-card) !important;color:var(--n-700) !important}

/* Header-Textfarbe (#3d6cc4 im Template-Part) */
header.wp-block-template-part .has-text-color[style*="3d6cc4"],
header.wp-block-template-part [style*="color:#3d6cc4"]{color:#6E8ED3 !important}

/* Footer-Trennlinie (#E0E2E6 inline) */
footer.wp-block-template-part [style*="E0E2E6"]{border-top-color:var(--border-subtle) !important}

/* Fotos minimal abdunkeln, damit sie nicht blenden */
.wp-block-image img:not([src*=".svg"]),.eye-hero__img img,.eye-featurerow__img img{filter:brightness(.92)}
/* Mobil-Menue: Parent-Theme klont das Site-Logo (weisse Flaeche) -> transparente Version */
.cloned-for-mobile img.mobile-logo{content:url("/wp-content/uploads/2026/04/EYE-Symbol-transparent.png")}
}