/* =========================================================
   Variante B — Ultramarin als Grund.

   Nur Tokens plus die Effekte, die auf dunklem Grund anders
   wirken. Struktur und Layout bleiben identisch.
   ========================================================= */

.theme-dark{
  --bg:    #0000f2;
  --fg:    #f5f5f5;
  --paper: #ffffff;   /* der eine invertierte Block dreht sich mit */
}

/* Auf hellem Grund tut color-burn nichts, dort ist multiply das Gegenstueck.
   Hier gilt das Original. */
.theme-dark .texture::before{
  mix-blend-mode:color-burn;
  opacity:.2;
}
.theme-dark .texture::after{ opacity:.2; }

/* Der Schleier ueber den Kacheln ist hier dunkel und darf kraeftiger sein. */
.theme-dark .tile::after{ opacity:.2; }
.theme-dark .tile .media{ opacity:.8; }
.theme-dark .tile{ background:color-mix(in srgb, #000 26%, var(--bg)); }

/* Das Hero-Emblem bringt einen eigenen hellen Grund mit und lebt vom
   darken-Blend gegen eine helle Seite. Auf Ultramarin verschwindet es
   vollstaendig, deshalb bleibt es hier weg statt kaputt zu sein. */
.theme-dark .hero__tools{ display:none; }
.theme-dark .hero{ grid-template-columns:1fr; }