/* ============================================================================
 * card-accent.css — GENERATED by scripts/build-card-accent-css.php. DO NOT EDIT.
 * Edit the generator and re-run it; hand edits are lost on the next build.
 *
 * Per-show card colour. Cards emit --card-accent / --card-accent-2 /
 * --card-accent-fg / --card-accent-ink via accent_vars(); this file decides how
 * each theme paints them. Must load AFTER the theme stylesheet.
 * ============================================================================ */

/* no theme (flagship) — dark band, outline button */
.show-card--accent {
    border-color: color-mix(in srgb, var(--card-accent) 35%, transparent);
}
.show-card--accent .show-card-next-performance {
    background: linear-gradient(90deg, var(--card-accent) 0%, var(--card-accent-2) 100%) !important;
    color: var(--card-accent-fg) !important;
    border-bottom: 0 !important;
}
.show-card--accent .card-button {
    border-color: var(--card-accent) !important;
    color: var(--card-accent) !important;
    background: transparent !important;
}
.show-card--accent .card-button .card-button-icon {
    color: var(--card-accent) !important;
}
.show-card--accent .card-button:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    box-shadow: none !important;
}
.show-card--accent .show-card-link:hover .card-button,
.show-card--accent.show-card-link:hover .card-button {
    background: var(--card-accent) !important;
    color: var(--card-accent-fg) !important;
    border-color: var(--card-accent) !important;
    box-shadow: 0 0 12px color-mix(in srgb, var(--card-accent) 40%, transparent);
}
.show-card--accent .show-card-link:hover .card-button .card-button-icon,
.show-card--accent.show-card-link:hover .card-button .card-button-icon {
    color: var(--card-accent-fg) !important;
}
.show-card--accent:hover {
    border-color: var(--card-accent);
    box-shadow: 0 0 20px color-mix(in srgb, var(--card-accent) 32%, transparent);
}
.shows-grid .show-card.show-card--accent .card-cta-text {
    color: var(--card-accent) !important;
}

/* body.theme-americana — dark band, outline button */
body.theme-americana .show-card--accent {
    border-color: color-mix(in srgb, var(--card-accent) 35%, transparent);
}
body.theme-americana .show-card--accent .show-card-next-performance {
    background: linear-gradient(90deg, var(--card-accent) 0%, var(--card-accent-2) 100%) !important;
    color: var(--card-accent-fg) !important;
    border-bottom: 0 !important;
}
body.theme-americana .show-card--accent .card-button {
    border-color: var(--card-accent) !important;
    color: var(--card-accent) !important;
    background: transparent !important;
}
body.theme-americana .show-card--accent .card-button .card-button-icon {
    color: var(--card-accent) !important;
}
body.theme-americana .show-card--accent .card-button:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    box-shadow: none !important;
}
body.theme-americana .show-card--accent .show-card-link:hover .card-button,
body.theme-americana .show-card--accent.show-card-link:hover .card-button {
    background: var(--card-accent) !important;
    color: var(--card-accent-fg) !important;
    border-color: var(--card-accent) !important;
    box-shadow: 0 0 12px color-mix(in srgb, var(--card-accent) 40%, transparent);
}
body.theme-americana .show-card--accent .show-card-link:hover .card-button .card-button-icon,
body.theme-americana .show-card--accent.show-card-link:hover .card-button .card-button-icon {
    color: var(--card-accent-fg) !important;
}
body.theme-americana .show-card--accent:hover {
    border-color: var(--card-accent);
    box-shadow: 0 0 20px color-mix(in srgb, var(--card-accent) 32%, transparent);
}
body.theme-americana .shows-grid .show-card.show-card--accent .card-cta-text {
    color: var(--card-accent) !important;
}

/* body.theme-minimal — dark band, filled button */
body.theme-minimal .show-card--accent {
    border-color: color-mix(in srgb, var(--card-accent) 35%, transparent);
}
body.theme-minimal .show-card--accent .show-card-next-performance {
    background: linear-gradient(90deg, var(--card-accent) 0%, var(--card-accent-2) 100%) !important;
    color: var(--card-accent-fg) !important;
    border-bottom: 0 !important;
}
body.theme-minimal .show-card--accent .card-button {
    background: var(--card-accent) !important;
    color: var(--card-accent-fg) !important;
    border-color: var(--card-accent) !important;
}
body.theme-minimal .show-card--accent .card-button .card-button-icon {
    color: var(--card-accent-fg) !important;
}
body.theme-minimal .show-card--accent .show-card-link:hover .card-button,
body.theme-minimal .show-card--accent.show-card-link:hover .card-button {
    background: var(--card-accent) !important;
    color: var(--card-accent-fg) !important;
    border-color: var(--card-accent) !important;
    box-shadow: 0 0 12px color-mix(in srgb, var(--card-accent) 40%, transparent);
}
body.theme-minimal .show-card--accent .show-card-link:hover .card-button .card-button-icon,
body.theme-minimal .show-card--accent.show-card-link:hover .card-button .card-button-icon {
    color: var(--card-accent-fg) !important;
}
body.theme-minimal .show-card--accent:hover {
    border-color: var(--card-accent);
    box-shadow: 0 0 20px color-mix(in srgb, var(--card-accent) 32%, transparent);
}
body.theme-minimal .shows-grid .show-card.show-card--accent .card-cta-text {
    color: var(--card-accent) !important;
}

/* body.theme-modern — dark band, outline button */
body.theme-modern .show-card--accent {
    border-color: color-mix(in srgb, var(--card-accent) 35%, transparent);
}
body.theme-modern .show-card--accent .show-card-next-performance {
    background: linear-gradient(90deg, var(--card-accent) 0%, var(--card-accent-2) 100%) !important;
    color: var(--card-accent-fg) !important;
    border-bottom: 0 !important;
}
body.theme-modern .show-card--accent .card-button {
    border-color: var(--card-accent) !important;
    color: var(--card-accent) !important;
    background: transparent !important;
}
body.theme-modern .show-card--accent .card-button .card-button-icon {
    color: var(--card-accent) !important;
}
body.theme-modern .show-card--accent .card-button:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    box-shadow: none !important;
}
body.theme-modern .show-card--accent .show-card-link:hover .card-button,
body.theme-modern .show-card--accent.show-card-link:hover .card-button {
    background: var(--card-accent) !important;
    color: var(--card-accent-fg) !important;
    border-color: var(--card-accent) !important;
    box-shadow: 0 0 12px color-mix(in srgb, var(--card-accent) 40%, transparent);
}
body.theme-modern .show-card--accent .show-card-link:hover .card-button .card-button-icon,
body.theme-modern .show-card--accent.show-card-link:hover .card-button .card-button-icon {
    color: var(--card-accent-fg) !important;
}
body.theme-modern .show-card--accent:hover {
    border-color: var(--card-accent);
    box-shadow: 0 0 20px color-mix(in srgb, var(--card-accent) 32%, transparent);
}
body.theme-modern .shows-grid .show-card.show-card--accent .card-cta-text {
    color: var(--card-accent) !important;
}

/* body.theme-red — dark band, outline button */
body.theme-red .show-card--accent {
    border-color: color-mix(in srgb, var(--card-accent) 35%, transparent);
}
body.theme-red .show-card--accent .show-card-next-performance {
    background: linear-gradient(90deg, var(--card-accent) 0%, var(--card-accent-2) 100%) !important;
    color: var(--card-accent-fg) !important;
    border-bottom: 0 !important;
}
body.theme-red .show-card--accent .card-button {
    border-color: var(--card-accent) !important;
    color: var(--card-accent) !important;
    background: transparent !important;
}
body.theme-red .show-card--accent .card-button .card-button-icon {
    color: var(--card-accent) !important;
}
body.theme-red .show-card--accent .card-button:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    box-shadow: none !important;
}
body.theme-red .show-card--accent .show-card-link:hover .card-button,
body.theme-red .show-card--accent.show-card-link:hover .card-button {
    background: var(--card-accent) !important;
    color: var(--card-accent-fg) !important;
    border-color: var(--card-accent) !important;
    box-shadow: 0 0 12px color-mix(in srgb, var(--card-accent) 40%, transparent);
}
body.theme-red .show-card--accent .show-card-link:hover .card-button .card-button-icon,
body.theme-red .show-card--accent.show-card-link:hover .card-button .card-button-icon {
    color: var(--card-accent-fg) !important;
}
body.theme-red .show-card--accent:hover {
    border-color: var(--card-accent);
    box-shadow: 0 0 20px color-mix(in srgb, var(--card-accent) 32%, transparent);
}
body.theme-red .shows-grid .show-card.show-card--accent .card-cta-text {
    color: var(--card-accent) !important;
}

/* body.theme-warm — dark band, outline button */
body.theme-warm .show-card--accent {
    border-color: color-mix(in srgb, var(--card-accent) 35%, transparent);
}
body.theme-warm .show-card--accent .show-card-next-performance {
    background: linear-gradient(90deg, var(--card-accent) 0%, var(--card-accent-2) 100%) !important;
    color: var(--card-accent-fg) !important;
    border-bottom: 0 !important;
}
body.theme-warm .show-card--accent .card-button {
    border-color: var(--card-accent) !important;
    color: var(--card-accent) !important;
    background: transparent !important;
}
body.theme-warm .show-card--accent .card-button .card-button-icon {
    color: var(--card-accent) !important;
}
body.theme-warm .show-card--accent .card-button:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    box-shadow: none !important;
}
body.theme-warm .show-card--accent .show-card-link:hover .card-button,
body.theme-warm .show-card--accent.show-card-link:hover .card-button {
    background: var(--card-accent) !important;
    color: var(--card-accent-fg) !important;
    border-color: var(--card-accent) !important;
    box-shadow: 0 0 12px color-mix(in srgb, var(--card-accent) 40%, transparent);
}
body.theme-warm .show-card--accent .show-card-link:hover .card-button .card-button-icon,
body.theme-warm .show-card--accent.show-card-link:hover .card-button .card-button-icon {
    color: var(--card-accent-fg) !important;
}
body.theme-warm .show-card--accent:hover {
    border-color: var(--card-accent);
    box-shadow: 0 0 20px color-mix(in srgb, var(--card-accent) 32%, transparent);
}
body.theme-warm .shows-grid .show-card.show-card--accent .card-cta-text {
    color: var(--card-accent) !important;
}

/* body.theme-light — light band, filled button */
body.theme-light .show-card--accent {
    border-color: color-mix(in srgb, var(--card-accent) 35%, transparent);
}
body.theme-light .show-card--accent .show-card-next-performance {
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)),
        linear-gradient(90deg, var(--card-accent) 0%, var(--card-accent-2) 100%) !important;
    color: var(--card-accent-ink) !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
}
body.theme-light .show-card--accent .card-button {
    background: var(--card-accent-ink) !important;
    color: #ffffff !important;
    border-color: var(--card-accent-ink) !important;
}
body.theme-light .show-card--accent .card-button .card-button-icon {
    color: #ffffff !important;
}
body.theme-light .show-card--accent .show-card-link:hover .card-button,
body.theme-light .show-card--accent.show-card-link:hover .card-button {
    background: var(--card-accent-ink) !important;
    color: #ffffff !important;
    border-color: var(--card-accent-ink) !important;
    box-shadow: 0 0 12px color-mix(in srgb, var(--card-accent) 40%, transparent);
}
body.theme-light .show-card--accent .show-card-link:hover .card-button .card-button-icon,
body.theme-light .show-card--accent.show-card-link:hover .card-button .card-button-icon {
    color: #ffffff !important;
}
body.theme-light .show-card--accent:hover {
    border-color: var(--card-accent-ink);
    box-shadow: 0 0 20px color-mix(in srgb, var(--card-accent) 32%, transparent);
}
body.theme-light .shows-grid .show-card.show-card--accent .card-cta-text {
    color: var(--card-accent-ink) !important;
}

/* body.theme-beige — light band, filled button */
body.theme-beige .show-card--accent {
    border-color: color-mix(in srgb, var(--card-accent) 35%, transparent);
}
body.theme-beige .show-card--accent .show-card-next-performance {
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)),
        linear-gradient(90deg, var(--card-accent) 0%, var(--card-accent-2) 100%) !important;
    color: var(--card-accent-ink) !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
}
body.theme-beige .show-card--accent .card-button {
    background: var(--card-accent-ink) !important;
    color: #ffffff !important;
    border-color: var(--card-accent-ink) !important;
}
body.theme-beige .show-card--accent .card-button .card-button-icon {
    color: #ffffff !important;
}
body.theme-beige .show-card--accent .show-card-link:hover .card-button,
body.theme-beige .show-card--accent.show-card-link:hover .card-button {
    background: var(--card-accent-ink) !important;
    color: #ffffff !important;
    border-color: var(--card-accent-ink) !important;
    box-shadow: 0 0 12px color-mix(in srgb, var(--card-accent) 40%, transparent);
}
body.theme-beige .show-card--accent .show-card-link:hover .card-button .card-button-icon,
body.theme-beige .show-card--accent.show-card-link:hover .card-button .card-button-icon {
    color: #ffffff !important;
}
body.theme-beige .show-card--accent:hover {
    border-color: var(--card-accent-ink);
    box-shadow: 0 0 20px color-mix(in srgb, var(--card-accent) 32%, transparent);
}
body.theme-beige .shows-grid .show-card.show-card--accent .card-cta-text {
    color: var(--card-accent-ink) !important;
}