/* Farbschema: bewusst nur helles Schema – die Marke ist weißlastig,
   Navy trägt, Gold akzentuiert. */
@media all {
    body {
        background-color: var(--color-white);
    }

    body, main p {
        color: var(--color-text);
    }

    .panel .index {
        background-color: var(--color-primary-500);
    }

    footer {
        background: linear-gradient(160deg, var(--color-primary-600) 0%, var(--color-primary-900) 100%);
    }

    a:not(.button), a:not(.button):focus {
        color: var(--color-primary-500) !important;
    }
    a:not(.button):hover, .nav-link.active {
        color: var(--color-accent-700) !important;
    }
    /* Primär: Navy, Text weiß */
    .button.style1 {
        color: var(--color-white);
        background-color: var(--color-primary-500);
        border-color: var(--color-primary-500);
    }
    .button.style1:hover {
        color: var(--color-white);
        background-color: var(--color-primary-700);
        border-color: var(--color-primary-700);
    }

    /* Akzent: Gold, Text Navy – sparsam einsetzen (ein Haupt-CTA je Ansicht) */
    .button.style2 {
        color: var(--color-primary-900);
        background-color: var(--color-accent-500);
        border-color: var(--color-accent-500);
    }
    .button.style2:hover {
        color: var(--color-primary-900);
        background-color: var(--color-accent-300);
        border-color: var(--color-accent-300);
    }

    /* Sekundär: Outline Navy */
    .button.style3 {
        color: var(--color-primary-500);
        background-color: transparent;
        border-color: var(--color-primary-500);
    }
    .button.style3:hover {
        color: var(--color-white);
        background-color: var(--color-primary-500);
        border-color: var(--color-primary-500);
    }

    /* Outline auf dunklem Grund */
    .stage .button.style3, section.band .button.style3, footer .button.style3 {
        color: var(--color-white);
        border-color: rgba(255, 255, 255, .6);
    }
    .stage .button.style3:hover, section.band .button.style3:hover, footer .button.style3:hover {
        color: var(--color-primary-500);
        background-color: var(--color-white);
        border-color: var(--color-white);
    }
    .stage a:not(.button), section.band a:not(.button) {
        color: var(--color-white) !important;
    }
    .stage a:not(.button):hover, section.band a:not(.button):hover {
        color: var(--color-accent-300) !important;
    }

    .form-control {
        color: var(--color-text);
        background-color: var(--color-white);
    }
    .form-control:focus {
        color: var(--color-text);
        background-color: var(--color-white);
        border-color: var(--color-accent-500);
    }

    .modal-content {
        -webkit-box-shadow: 0 0 30px 30px var(--color-white);
        box-shadow: 0 0 30px 30px var(--color-white);
    }
    .modal-backdrop {
        background: var(--color-white);
    }

    .lightbox-caption em {
        color: var(--color-secondary-700);
    }

    .carousel-control-prev-icon:after, .carousel-control-next-icon:after {
        color: var(--color-primary-500);
        background-color: var(--color-white);
    }
    .carousel-caption {
        background-color: rgba(255, 255, 255, 0.85);
    }
}

/* Hell/Dunkel-Bildvarianten aus dem Remote-Stylesheet neutralisieren */
.dark {
    display: none !important;
}
.light {
    display: block !important;
}
img:not(.protected) {
    filter: none !important;
}