/* Startseite — seitenspezifische Feinheiten.
   Marken-Akzente an die @theme-Palette (var(--color-primary-*)) gebunden. */

/* Hero-Flaeche: dezenter Marken-Glow oben rechts, sanfter Verlauf nach Weiss —
   traegt die Sektion mit Farbe statt einer flachen Fuellung. */
.hero-surface {
  background:
    radial-gradient(58% 78% at 88% 4%, var(--color-primary-50), transparent 62%),
    radial-gradient(46% 60% at 6% 100%, var(--color-ice), transparent 60%),
    linear-gradient(180deg, var(--color-frost), #ffffff 82%);
}

/* Inhaltsverzeichnis: aktive Nummer etwas kraeftiger fuers Auge */
.toc-index {
  font-variant-numeric: tabular-nums;
}