/* Maps the site theme tokens (themes.css: --bg, --surface, --heading, --accent ...) onto the variables the shared
   event-card styles use (--ctw-*). Card layout comes from ctw-card.css; colours follow the selected theme
   and light/dark mode (html[data-theme][data-mode], mirrored to data-ips-scheme so the card's own light/dark rules apply). */
:root {
  --ctw-bg: var(--bg); --ctw-surface: var(--surface); --ctw-surface-2: var(--hl); --ctw-tile: var(--surface);
  --ctw-text: var(--heading); --ctw-muted: var(--muted);
  --ctw-line: var(--line); --ctw-line-2: var(--line-2);
  --ctw-accent: var(--accent); --ctw-live: var(--live);
}
.ctwUi { padding-bottom: 0; }
/* Base resets the Invision theme supplies upstream and this site's stylesheet does not. */
.ctwUi button { font: inherit; }

/* Theme tweaks on top of the upstream light and dark schemes. Same specificity as ctw-card.css and loaded after it. */
:root[data-ips-scheme]:not([data-ips-theme="19"]) .ctwUi { --kind-genre: var(--pill); --kind-type: var(--pill); }
:root[data-ips-scheme="light"]:not([data-ips-theme="19"]) article.card { box-shadow: 0 2px 12px rgba(0, 0, 0, .07) !important; }
:root .ctwUi .card-media-date, :root .ctwUi .card-media-price { background: var(--primary); border-color: rgba(255, 255, 255, .25); color: #fff; }
:root[data-ips-scheme]:not([data-ips-theme="19"]) .btn-ticket:hover { background: var(--accent-dark) !important; }
:root[data-ips-scheme]:not([data-ips-theme="19"]) .ctwUi .card-countdown.card-countdown-today { color: var(--live) !important; border-color: var(--live) !important; }
:root .ctwUi .fav-btn.fav-btn-active, :root .ctwEventsCards.view-cards .card-fav-media .fav-btn.fav-btn-active { background: var(--ctw-accent); border-color: var(--ctw-accent); color: #fff; }