/* ==========================================================================
   heavy.ch - Frontend Theme Stylesheet (Bootstrap 5 Subtheme)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Zentrale Farb- und Design-Tokens
   -------------------------------------------------------------------------- */
:root {
  /* Basisfarben (Dark Zinc Palette) */
  --heavy-bg-canvas: #09090b;       /* Tiefschwarz: Pre-Header, Footer, Navbars */
  --heavy-bg-body: #0e0e11;         /* Hauptseitenhintergrund */
  --heavy-bg-surface: #18181b;      /* Oberflächen: Cards, Sidebars, Module */
  --heavy-accent: #dc2626;          /* Rock-Rot: Buttons, Badges, Link-Hover */
  --heavy-border: #27272a;          /* Subtile Trennlinien und Rahmen */

  /* Textfarben */
  --heavy-text-main: #e4e4e7;       /* Standard-Fliesstext (hoher Kontrast) */
  --heavy-text-muted: #a1a1aa;      /* Sekundärtext, Metadaten, Autoren */
  --heavy-text-bright: #ffffff;     /* Überschriften, aktive Links */

  /* ------------------------------------------------------------------------
     Bootstrap 5 Mapping
     Gibt die heavy-Werte direkt an Bootstrap-Komponenten weiter
     ------------------------------------------------------------------------ */
  --bs-body-bg: var(--heavy-bg-body);
  --bs-body-color: var(--heavy-text-main);
  --bs-border-color: var(--heavy-border);
  --bs-primary: var(--heavy-accent);
  --bs-card-bg: var(--heavy-bg-surface);
  --bs-card-border-color: var(--heavy-border);
}

/* --------------------------------------------------------------------------
   2. Globales Basis-Setup
   -------------------------------------------------------------------------- */
body {
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
  font-family: system-ui, -apple-system, sans-serif;
}

/* Entwicklungsmodus */
.region {
  min-height: 1.5rem;
}

/* --------------------------------------------------------------------------
   3. Seitenstruktur / Regionen
   -------------------------------------------------------------------------- */

/* Pre-Header Bar (Sprachumschalter, Benutzermenü) */
.pre-header-bar {
  background-color: var(--heavy-bg-canvas);
  border-bottom: 1px solid var(--heavy-border);
}

/* Footer */
.site-footer {
  background-color: var(--heavy-bg-canvas);
  border-top: 2px solid var(--heavy-border);
  color: var(--heavy-text-muted);
}