/* =============================================================================
   site-ibou.css — Site-spezifische Styles fuer ibou.net
   Wird ueber cms.site.css_file = 'site-ibou.css' geladen.
   ========================================================================== */

/* Pixel-Logo-Farben als Custom Properties.
   Body bleibt in beiden Modes weiss — auf hellem BG verschmilzt er, der
   orange Shadow/Outline gibt die Kontur; auf dunklem BG strahlt der
   weisse Body, der Shadow gibt die 3D-Pixel-Optik. Werte nicht in
   [data-theme="dark"] ueberschrieben — bei Bedarf kann --logo-ibou-shadow
   dort auf #ff9c5c gehoben werden. */
:root {
    --logo-ibou-shadow: #ed7b2d;
    --logo-ibou-shadow-mute: #f4a261;  /* dezenter Ton fuer .net-Outline */
    --logo-ibou-body: #2a2a2a;         /* fast-schwarz im Light-Mode — Body
                                          ist auf hellem BG sonst unsichtbar,
                                          Logo lebt dann nur von der Outline */
}

[data-theme="dark"] {
    --logo-ibou-body: #ffffff;         /* weiss im Dark-Mode — Body strahlt
                                          gegen den dunklen Header-BG */
}

/* SVG-Layer: CSS-Vars ueberschreiben die SVG-fill-Attribute fuer Theming.
   ibou nutzt logo-shadow (volle Saettigung), .net nutzt logo-shadow-mute
   (dezenter), beide teilen sich logo-body (weiss). */
.logo-ibou .logo-shadow {
    fill: var(--logo-ibou-shadow);
}
.logo-ibou .logo-shadow-mute {
    fill: var(--logo-ibou-shadow-mute);
}
.logo-ibou .logo-body {
    fill: var(--logo-ibou-body);
}

/* Pixel-Logo im Header-Brand-Slot.
   Hoehe ~2rem balanciert den global fixen 5rem-Header optisch aus.
   Sites ohne Logo behalten Text-Brand (.site-header-brand font-size 1.125rem)
   in derselben Header-Hoehe — kein Layout-Bruch. */
.site-header-brand .logo-ibou {
    display: block;
    height: 2rem;
    width: auto;
    transition: opacity 0.15s ease;
}

.site-header-brand:hover .logo-ibou {
    opacity: 0.85;
}

/* Brand-Link selbst soll keine Standard-Link-Underline ziehen.
   Site-spezifische Regel — nur fuer ibou geladen, andere Sites unbeeinflusst. */
.site-header-brand {
    text-decoration: none;
}