/* ═══════════════════════════════════════════════════════
   Teamgeist – Theme Token Layer (T8)

   Sitzt VOR site.css und ueberbruekt die alte hartkodierte
   --accent-Variable mit einer pro Verein einstellbaren
   Primary-Farbe. Wird vom _Layout per inline-style mit den
   konkreten Hex-Werten gefuetterten (siehe ThemeResolverService).
═══════════════════════════════════════════════════════ */

:root {
    /* Default-Werte — werden vom _Layout per inline-style ueberschrieben
       sobald ein Verein zugeordnet ist. */
    --color-primary:            #3454D1;
    --color-primary-hover:      #2E48B7;
    --color-primary-foreground: #FFFFFF;
    --color-primary-rgb:        52, 84, 209;
}

/* Brueckenschlag zum alten site.css: --accent referenziert --color-primary */
:root {
    --accent:        var(--color-primary);
    --accent-hover:  var(--color-primary-hover);
    --accent-soft:   rgba(var(--color-primary-rgb), 0.12);
    --accent-glow:   rgba(var(--color-primary-rgb), 0.25);
    --border-accent: rgba(var(--color-primary-rgb), 0.40);
}

/* Bootstrap-Primary-Override: damit Bootstrap-Buttons/Links die Vereinsfarbe verwenden */
:root {
    --bs-primary:     var(--color-primary);
    --bs-primary-rgb: var(--color-primary-rgb);
    --bs-link-color:           var(--color-primary);
    --bs-link-color-rgb:       var(--color-primary-rgb);
    --bs-link-hover-color:     var(--color-primary-hover);
    --bs-link-hover-color-rgb: var(--color-primary-rgb);
}

.btn-primary {
    --bs-btn-bg:           var(--color-primary);
    --bs-btn-border-color: var(--color-primary);
    --bs-btn-color:        var(--color-primary-foreground);
    --bs-btn-hover-bg:     var(--color-primary-hover);
    --bs-btn-hover-border-color: var(--color-primary-hover);
    --bs-btn-hover-color:        var(--color-primary-foreground);
    --bs-btn-active-bg:     var(--color-primary-hover);
    --bs-btn-active-border-color: var(--color-primary-hover);
    --bs-btn-active-color:        var(--color-primary-foreground);
    --bs-btn-disabled-bg:           var(--color-primary);
    --bs-btn-disabled-border-color: var(--color-primary);
    --bs-btn-disabled-color:        var(--color-primary-foreground);
}

.btn-outline-primary {
    --bs-btn-color:        var(--color-primary);
    --bs-btn-border-color: var(--color-primary);
    --bs-btn-hover-bg:     var(--color-primary);
    --bs-btn-hover-border-color: var(--color-primary);
    --bs-btn-hover-color:        var(--color-primary-foreground);
    --bs-btn-active-bg:           var(--color-primary);
    --bs-btn-active-border-color: var(--color-primary);
    --bs-btn-active-color:        var(--color-primary-foreground);
}

.bg-primary { background-color: var(--color-primary) !important; color: var(--color-primary-foreground) !important; }
.text-primary { color: var(--color-primary) !important; }
.border-primary { border-color: var(--color-primary) !important; }
.badge.bg-primary { background-color: var(--color-primary) !important; color: var(--color-primary-foreground) !important; }