/* Dayzel unified design system - global palette and component consistency */
:root {
  /* Three-color palette requested: purple + red + light violet */
  --dz-primary: #581c87;
  --dz-secondary: #ef4444;
  --dz-tertiary: #6d28d9;

  /* Surfaces */
  --dz-bg: #0d0919;
  --dz-surface-1: #161028;
  --dz-surface-2: #1f1737;
  --dz-surface-3: #2a1e45;

  /* Text */
  --dz-text-1: #f5f3ff;
  --dz-text-2: #ddd6fe;
  --dz-text-3: #8b5cf6;
  --dz-text-muted: #8f86b5;

  /* Borders and shadows */
  --dz-border: rgba(88, 28, 135, 0.28);
  --dz-border-strong: rgba(109, 40, 217, 0.46);
  --dz-shadow-soft: rgba(33, 11, 74, 0.42);
  --dz-shadow-glow: rgba(88, 28, 135, 0.26);

  /* Legacy aliases used by existing templates */
  --shell-bg: var(--dz-bg);
  --shell-surface: var(--dz-surface-1);
  --shell-surface-2: var(--dz-surface-2);
  --shell-border: var(--dz-border);
  --shell-brand: var(--dz-primary);
  --shell-accent: var(--dz-secondary);
  --shell-muted: var(--dz-text-muted);
  --shell-muted-2: #726a97;
}

html,
body {
  background-color: var(--dz-bg);
}

body {
  color: var(--dz-text-1);
  background-image:
    radial-gradient(circle at 10% 0%, rgba(88, 28, 135, 0.18), transparent 38%),
    radial-gradient(circle at 92% 9%, rgba(239, 68, 68, 0.13), transparent 42%),
    radial-gradient(circle at 55% 115%, rgba(109, 40, 217, 0.08), transparent 52%);
}

body::before {
  background:
    radial-gradient(circle at 14% 18%, rgba(88, 28, 135, 0.15), transparent 42%),
    radial-gradient(circle at 86% 10%, rgba(239, 68, 68, 0.09), transparent 46%) !important;
}

::selection {
  background: rgba(88, 28, 135, 0.42);
  color: #ffffff;
}

/* Typography and generic links */
h1,
h2,
h3,
h4 {
  color: var(--dz-text-1);
}

a {
  color: var(--dz-tertiary);
}

a:hover,
a:focus-visible {
  color: #fca5a5;
}

/* Global cards and sections */
.panel,
.card,
.games-page-card,
.gd-card,
.glass-card,
.overview-card,
.registration-compact,
#league-table,
.howto-guide,
.seo-tag,
.team-card,
.standing-card,
.standing-summary,
.standing-summary-card,
.hero-cover-card,
.phase-track {
  background: linear-gradient(180deg, rgba(26, 18, 48, 0.96), rgba(16, 11, 31, 0.98)) !important;
  border: 1px solid var(--dz-border) !important;
  box-shadow:
    inset 0 1px 0 rgba(187, 165, 255, 0.08),
    0 16px 34px var(--dz-shadow-soft) !important;
}

/* Buttons */
.th-btn,
.btn,
.gd-btn,
button.th-btn,
a.th-btn {
  border-radius: 0 !important;
  border: 1px solid var(--dz-border) !important;
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.2), rgba(167, 139, 250, 0.18)) !important;
  color: var(--dz-text-1) !important;
  box-shadow: none !important;
  transition: border-color 140ms ease, transform 140ms ease, background 140ms ease;
}

.th-btn:hover,
.btn:hover,
.gd-btn:hover,
button.th-btn:hover,
a.th-btn:hover {
  border-color: var(--dz-border-strong) !important;
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.32), rgba(239, 68, 68, 0.22)) !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

.th-btn.style2,
.th-btn.style-border,
.gd-btn--primary {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(124, 58, 237, 0.25)) !important;
  border-color: rgba(239, 68, 68, 0.34) !important;
}

/* Inputs and selects */
.input,
.select,
.form-control,
.form-select,
textarea,
input[type="text"],
input[type="search"],
input[type="email"],
input[type="number"],
input[type="password"] {
  background: rgba(31, 23, 55, 0.94) !important;
  border: 1px solid var(--dz-border) !important;
  color: var(--dz-text-1) !important;
  border-radius: 0 !important;
}

.input:focus,
.select:focus,
.form-control:focus,
.form-select:focus,
textarea:focus,
input:focus {
  border-color: rgba(124, 58, 237, 0.6) !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.2) !important;
  outline: none !important;
}

/* Header unification */
.mlbb-header {
  background: rgba(13, 9, 25, 0.92) !important;
  border-bottom: 1px solid var(--dz-border) !important;
  box-shadow: 0 12px 30px rgba(12, 7, 26, 0.5) !important;
  backdrop-filter: blur(8px);
}

.mlbb-header__search,
.mlbb-header__playerbox,
.mlbb-header__icon-btn {
  border-color: var(--dz-border) !important;
  background: rgba(28, 19, 52, 0.86) !important;
}

.mlbb-header__search input {
  color: var(--dz-text-1) !important;
}

.mlbb-header__search input::placeholder {
  color: var(--dz-text-muted) !important;
}

.mlbb-header__nav a,
.mlbb-header__brand,
.mlbb-header__playerbox,
.mlbb-header__icon-btn {
  color: var(--dz-text-1) !important;
}

.mlbb-header__nav a:hover,
.mlbb-header__nav a.is-active,
.mlbb-header__icon-btn:hover {
  color: var(--dz-tertiary) !important;
}

/* Footer unification */
footer[role="contentinfo"],
.site-footer {
  background: #120b22 !important;
  border-top: 1px solid var(--dz-border) !important;
}

footer[role="contentinfo"] section,
footer[role="contentinfo"] nav,
.site-footer__panel {
  border: 1px solid var(--dz-border) !important;
  border-radius: 0 !important;
  background: rgba(27, 18, 49, 0.92) !important;
  box-shadow: 0 10px 26px rgba(16, 8, 30, 0.38);
}

.site-footer__panel--brand {
  background: linear-gradient(180deg, rgba(32, 20, 58, 0.95), rgba(22, 15, 43, 0.96)) !important;
}

.site-footer__panel--explore,
.site-footer__panel--support {
  background: linear-gradient(180deg, rgba(28, 18, 52, 0.94), rgba(20, 13, 38, 0.96)) !important;
}

footer[role="contentinfo"] h4,
footer[role="contentinfo"] a,
footer[role="contentinfo"] strong,
.site-footer h4,
.site-footer a,
.site-footer strong {
  color: var(--dz-text-2) !important;
}

footer[role="contentinfo"] a:hover,
.site-footer a:hover {
  color: #fca5a5 !important;
}

.site-footer__legal,
.site-footer__editorial {
  border: 1px solid var(--dz-border) !important;
  border-radius: 0 !important;
  background: rgba(24, 16, 44, 0.9) !important;
}

/* Floating WhatsApp to match theme */
.floating-whatsapp {
  background: linear-gradient(135deg, var(--dz-secondary), var(--dz-primary)) !important;
  border: 1px solid rgba(239, 68, 68, 0.35) !important;
}

/* Games page */
.games-page-shell,
.gd-shell {
  background:
    radial-gradient(1000px 420px at 12% -6%, rgba(124, 58, 237, 0.2), transparent 66%),
    radial-gradient(760px 360px at 90% 3%, rgba(239, 68, 68, 0.12), transparent 72%),
    linear-gradient(180deg, #100a1e 0%, #0d0919 100%) !important;
}

.games-page-chip,
.gd-chip,
.badge,
.gd-info-pill,
.hub-pill {
  border-radius: 0 !important;
  border-color: var(--dz-border) !important;
  background: rgba(124, 58, 237, 0.14) !important;
  color: var(--dz-text-2) !important;
}

.gd-tab,
.games-page-segment,
.hub-nav-link {
  color: var(--dz-text-muted) !important;
}

.gd-tab.is-active,
.games-page-segment.is-active,
.hub-nav-link.is-active {
  color: var(--dz-tertiary) !important;
  border-color: var(--dz-primary) !important;
}

/* Tournament section */
.cine-tournament-shell {
  background:
    radial-gradient(1100px 430px at 14% -8%, rgba(124, 58, 237, 0.22), transparent 66%),
    radial-gradient(860px 380px at 86% 4%, rgba(239, 68, 68, 0.14), transparent 72%),
    linear-gradient(180deg, #0f091d 0%, #090512 100%) !important;
}

.cine-tournament-shell .hero-primary-actions .hero-cta-btn,
.cine-tournament-shell .hero-primary-actions .hero-cta-btn.style2 {
  color: #fff2f2 !important;
  border: 1px solid rgba(239, 68, 68, 0.4) !important;
  box-shadow: none !important;
}

.cine-tournament-shell .hero-primary-actions .hero-cta-btn {
  background: linear-gradient(135deg, #7c3aed, #a78bfa) !important;
}

.cine-tournament-shell .hero-primary-actions .hero-cta-btn.style2 {
  background: linear-gradient(135deg, #ef4444, #7c3aed) !important;
}

.cine-tournament-shell i[class^="fa"],
.cine-tournament-shell i[class*=" fa-"] {
  color: var(--dz-tertiary) !important;
}

.cine-tournament-shell .trn-ec-step--active .trn-ec-icon,
.cine-tournament-shell .trn-ec-step--active .trn-ec-icon i {
  background: var(--dz-primary) !important;
  color: #ffffff !important;
}

.cine-tournament-shell .trn-ec-step--complete .trn-ec-icon,
.cine-tournament-shell .trn-ec-step--complete .trn-ec-icon i {
  background: var(--dz-secondary) !important;
  color: #ffffff !important;
}

.cine-tournament-shell .trn-ec-step--upcoming .trn-ec-icon,
.cine-tournament-shell .trn-ec-step--upcoming .trn-ec-icon i {
  background: rgba(124, 58, 237, 0.14) !important;
  color: #c4b5fd !important;
}

/* Dashboard and data tables */
.dashboard-nav {
  background: linear-gradient(180deg, #171028 0%, #120c22 60%, #171028 100%) !important;
  box-shadow: 18px 0 40px rgba(20, 8, 38, 0.54) !important;
}

.dashboard-nav__link {
  background: rgba(25, 17, 46, 0.78) !important;
  border: 1px solid var(--dz-border) !important;
  color: var(--dz-text-2) !important;
}

.dashboard-nav__link:hover {
  background: rgba(41, 24, 72, 0.9) !important;
  border-color: rgba(124, 58, 237, 0.42) !important;
}

.dashboard-nav__link.is-active {
  background: linear-gradient(120deg, rgba(124, 58, 237, 0.3), rgba(239, 68, 68, 0.2)) !important;
  border-color: rgba(167, 139, 250, 0.56) !important;
  color: #ffffff !important;
}

.dashboard-nav__link.is-active::before {
  background: linear-gradient(180deg, #a78bfa, #ef4444) !important;
}

.nav-badge,
.nav-badge--success {
  border-color: var(--dz-border) !important;
  background: rgba(124, 58, 237, 0.15) !important;
  color: var(--dz-text-2) !important;
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select,
table.dataTable tbody tr,
table.dataTable thead th {
  border-color: var(--dz-border) !important;
  background: rgba(24, 16, 45, 0.92) !important;
  color: var(--dz-text-1) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  border-color: var(--dz-border) !important;
  background: rgba(24, 16, 45, 0.9) !important;
  color: var(--dz-text-2) !important;
}

/* Toasts */
.dashboard-toast {
  border-left-color: var(--dz-primary) !important;
  background: rgba(18, 12, 34, 0.95) !important;
}

.dashboard-toast--success {
  border-left-color: var(--dz-tertiary) !important;
}

.dashboard-toast--error,
.dashboard-toast--danger {
  border-left-color: var(--dz-secondary) !important;
}

/* Small responsive adjustment */
@media (max-width: 768px) {
  .mlbb-header,
  .games-page-card,
  .gd-card,
  .panel,
  .card {
    box-shadow: 0 10px 24px rgba(15, 8, 29, 0.48) !important;
  }
}

/* Semantic states unified across site */
.is-success,
.alert-success,
.text-success,
.badge-success,
.status-success {
  color: #ddd6fe !important;
  border-color: rgba(167, 139, 250, 0.45) !important;
  background: rgba(124, 58, 237, 0.16) !important;
}

.is-warning,
.alert-warning,
.text-warning,
.badge-warning,
.status-warning {
  color: #fecaca !important;
  border-color: rgba(239, 68, 68, 0.45) !important;
  background: rgba(239, 68, 68, 0.14) !important;
}

.is-danger,
.alert-danger,
.alert-error,
.text-danger,
.badge-danger,
.status-danger {
  color: #fda4af !important;
  border-color: rgba(239, 68, 68, 0.52) !important;
  background: rgba(127, 29, 29, 0.34) !important;
}

/* Pagination consistency */
.pagination .page-link,
.paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button {
  border-radius: 0 !important;
  border: 1px solid var(--dz-border) !important;
  background: rgba(31, 23, 55, 0.9) !important;
  color: var(--dz-text-2) !important;
}

.pagination .page-item.active .page-link,
.paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.34), rgba(239, 68, 68, 0.26)) !important;
  border-color: var(--dz-border-strong) !important;
  color: #ffffff !important;
}

/* Main spacing coherence */
.site-main,
main.site-main,
main {
  padding-bottom: clamp(2.5rem, 4vw, 4rem);
}

/* ─── Dashboard token bridge: align --ds-* to --dz-* palette ─── */
:root {
  --ds-surface:       var(--dz-surface-1);
  --ds-surface-2:     var(--dz-surface-2);
  --ds-border:        var(--dz-border);
  --ds-border-strong: var(--dz-border-strong);
  --ds-text:          var(--dz-text-1);
  --ds-text-muted:    var(--dz-text-2);
  --ds-text-soft:     var(--dz-text-muted);
  --ds-focus:         var(--dz-tertiary);
  --ds-focus-ring:    0 0 0 3px rgba(124, 58, 237, 0.26);
}

/* Dashboard card – override the blue gradient */
.dashboard-card {
  background: linear-gradient(180deg, var(--dz-surface-1), var(--dz-surface-2)) !important;
  box-shadow:
    inset 0 0 0 1px var(--dz-border),
    0 8px 20px rgba(13, 9, 25, 0.36) !important;
}

/* Dashboard form inputs – override blue surface */
.dashboard-shell .form-control,
.dashboard-shell .form-select,
.dashboard-shell input[type="text"],
.dashboard-shell input[type="url"],
.dashboard-shell input[type="email"],
.dashboard-shell input[type="search"],
.dashboard-shell input[type="number"],
.dashboard-shell textarea,
.dashboard-shell select {
  background: var(--dz-surface-1) !important;
  color: var(--dz-text-1) !important;
  box-shadow: inset 0 0 0 1px var(--dz-border) !important;
}

.dashboard-shell .form-control:focus,
.dashboard-shell .form-select:focus,
.dashboard-shell input:focus,
.dashboard-shell select:focus,
.dashboard-shell textarea:focus {
  box-shadow: inset 0 0 0 1px var(--dz-border-strong), var(--ds-focus-ring) !important;
}

/* Dashboard status chip palette */
.ui-chip {
  color: var(--dz-text-2) !important;
  background: rgba(124, 58, 237, 0.18) !important;
  box-shadow: inset 0 0 0 1px var(--dz-border) !important;
}

.ui-chip--draft {
  color: var(--dz-text-muted) !important;
  background: rgba(42, 30, 69, 0.55) !important;
  box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.18) !important;
}

.ui-chip--review {
  color: #fde68a !important;
  background: rgba(120, 80, 10, 0.32) !important;
  box-shadow: inset 0 0 0 1px rgba(245, 158, 11, 0.34) !important;
}

.ui-chip--published {
  color: #c4b5fd !important;
  background: rgba(124, 58, 237, 0.22) !important;
  box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.38) !important;
}

.ui-chip--featured {
  color: #fca5a5 !important;
  background: rgba(239, 68, 68, 0.2) !important;
  box-shadow: inset 0 0 0 1px rgba(239, 68, 68, 0.36) !important;
}

/* Dashboard section title text */
.dashboard-section-title {
  color: var(--dz-text-muted) !important;
}

/* DataTables even-row striping */
table.dataTable tbody tr {
  background: linear-gradient(90deg, rgba(22, 16, 40, 0.94), rgba(18, 13, 34, 0.96)) !important;
}

table.dataTable tbody tr:nth-child(even) {
  background: linear-gradient(90deg, rgba(31, 23, 55, 0.7), rgba(20, 15, 38, 0.72)) !important;
}

table.dataTable tbody tr:hover {
  background: linear-gradient(90deg, rgba(124, 58, 237, 0.14), rgba(31, 23, 55, 0.7)) !important;
  border-color: var(--dz-border-strong) !important;
}

table.dataTable thead th {
  background: linear-gradient(90deg, rgba(42, 30, 69, 0.98), rgba(26, 18, 52, 0.98)) !important;
  color: var(--dz-text-2) !important;
  border-bottom: 1px solid var(--dz-border-strong) !important;
}

/* ─── Typography scale ─── */
:root {
  --dz-text-xl:   clamp(1.75rem, 3.5vw + 0.5rem, 2.75rem);
  --dz-text-lg:   clamp(1.25rem, 2vw + 0.4rem, 1.75rem);
  --dz-text-md:   clamp(1rem, 1vw + 0.25rem, 1.2rem);
  --dz-text-sm:   0.875rem;
  --dz-text-xs:   0.75rem;
  --dz-leading-tight: 1.15;
  --dz-leading-snug:  1.3;
  --dz-leading-normal: 1.6;
}

h1 { font-size: var(--dz-text-xl); line-height: var(--dz-leading-tight); }
h2 { font-size: var(--dz-text-lg); line-height: var(--dz-leading-tight); }
h3 { font-size: var(--dz-text-md); line-height: var(--dz-leading-snug); }
h4, h5, h6 { line-height: var(--dz-leading-snug); }

/* ─── Homepage section headings ─── */
.section-heading {
  color: var(--dz-text-1);
}

.section-heading__icon {
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.26), rgba(239, 68, 68, 0.18)) !important;
  border: 1px solid var(--dz-border) !important;
  color: var(--dz-tertiary) !important;
}

.section-heading__meta {
  color: var(--dz-text-muted) !important;
}

.home-section-card {
  background: linear-gradient(180deg, rgba(26, 18, 48, 0.96), rgba(16, 11, 31, 0.98)) !important;
  border: 1px solid var(--dz-border) !important;
  box-shadow: 0 24px 48px rgba(13, 9, 25, 0.44) !important;
}

/* Champion hero section */
.champion-hero__shell {
  background: linear-gradient(180deg, var(--dz-surface-2), var(--dz-surface-1)) !important;
  border: 1px solid var(--dz-border) !important;
}

.champion-hero__cover-meta,
.champion-hero__meta,
.champion-hero__date {
  color: var(--dz-text-muted) !important;
}

.champion-hero__cover-title,
.champion-hero__title {
  color: var(--dz-text-1) !important;
}

.champion-hero__live {
  color: var(--dz-secondary) !important;
  border-color: rgba(239, 68, 68, 0.38) !important;
}

.champion-hero__live-dot {
  background: var(--dz-secondary) !important;
  box-shadow: 0 0 8px var(--dz-secondary) !important;
}

/* ─── Editor (markdown) surface ─── */
.dashboard-shell .editor-toolbar,
.dashboard-shell .CodeMirror {
  background: var(--dz-surface-1) !important;
  border-color: var(--dz-border) !important;
}

/* ─── ui-title and ui-kicker ─── */
.ui-title {
  color: var(--dz-text-1) !important;
}

.ui-kicker,
.ui-subtitle,
.ui-label,
.ui-help {
  color: var(--dz-text-muted) !important;
}

/* Darker purple tuning for high-visibility surfaces */
.th-btn,
.btn,
.gd-btn,
button.th-btn,
a.th-btn,
.home-page .champion-hero__cta,
.cine-tournament-shell .hero-primary-actions .hero-cta-btn {
  background: linear-gradient(135deg, rgba(88, 28, 135, 0.32), rgba(109, 40, 217, 0.2)) !important;
}

.th-btn:hover,
.btn:hover,
.gd-btn:hover,
button.th-btn:hover,
a.th-btn:hover,
.home-page .champion-hero__cta:hover,
.cine-tournament-shell .hero-primary-actions .hero-cta-btn:hover {
  background: linear-gradient(135deg, rgba(88, 28, 135, 0.44), rgba(239, 68, 68, 0.2)) !important;
}

.th-btn.style2,
.th-btn.style-border,
.gd-btn--primary,
.cine-tournament-shell .hero-primary-actions .hero-cta-btn.style2 {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.18), rgba(88, 28, 135, 0.3)) !important;
}

.games-page-chip,
.gd-chip,
.badge,
.gd-info-pill,
.hub-pill,
.ui-chip,
.nav-badge,
.nav-badge--success,
.is-success,
.alert-success,
.text-success,
.badge-success,
.status-success {
  background: rgba(88, 28, 135, 0.18) !important;
}

.dashboard-nav__link.is-active,
.pagination .page-item.active .page-link,
.paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.home-page .home-t-date-pill {
  background: linear-gradient(135deg, rgba(88, 28, 135, 0.46), rgba(239, 68, 68, 0.22)) !important;
}

.section-heading__icon,
.home-page .champion-hero__progress-fill,
.home-page .home-panel article:hover,
.home-page details.group[open],
.home-page a.group[href]:hover,
.cine-tournament-shell [class*="bg-emerald"],
.cine-tournament-shell [class*="bg-green"] {
  background: rgba(88, 28, 135, 0.16) !important;
}

.home-page .champion-hero__progress-fill {
  background: linear-gradient(90deg, rgba(88, 28, 135, 0.95), rgba(109, 40, 217, 0.72)) !important;
}

.dashboard-nav__link:hover,
.gd-tab.is-active,
.games-page-segment.is-active,
.hub-nav-link.is-active,
.mlbb-header__nav a:hover,
.mlbb-header__nav a.is-active,
.mlbb-header__icon-btn:hover {
  color: #8b5cf6 !important;
}

.cine-tournament-shell {
  --uni-border: rgba(88, 28, 135, 0.28) !important;
  --uni-accent: #8b5cf6 !important;
}

/* ─── Homepage component overrides (these override inline <style> in body) ─── */

/* Champion hero: override blue/slate base and image overlay */
.home-page .champion-hero {
  background: linear-gradient(180deg, var(--dz-surface-2), var(--dz-surface-1)) !important;
  border-color: var(--dz-border) !important;
  box-shadow: 0 18px 36px rgba(13, 9, 25, 0.38) !important;
}

.home-page .champion-hero__media::after {
  background:
    linear-gradient(180deg, rgba(13, 9, 25, 0.12), rgba(13, 9, 25, 0.92)),
    linear-gradient(135deg, rgba(124, 58, 237, 0.22), rgba(239, 68, 68, 0.12)) !important;
}

.home-page .champion-hero__logo {
  border-color: var(--dz-surface-1) !important;
  background: var(--dz-surface-1) !important;
}

.home-page .champion-hero__live-dot {
  background: var(--dz-secondary) !important;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.18) !important;
}

/* Champion CTA: replace green with primary purple */
.home-page .champion-hero__cta {
  background: linear-gradient(90deg, var(--dz-primary), var(--dz-tertiary)) !important;
  border-color: rgba(124, 58, 237, 0.38) !important;
  color: #f5f3ff !important;
  border-radius: 0 !important;
}

/* Progress fill: replace green with palette */
.home-page .champion-hero__progress {
  background: rgba(22, 16, 40, 0.8) !important;
  border-color: var(--dz-border) !important;
}

.home-page .champion-hero__progress-fill {
  background: linear-gradient(90deg, var(--dz-primary), var(--dz-tertiary)) !important;
}

/* Tournament date pill: replace pink+amber gradient */
.home-page .home-t-date-pill {
  background: linear-gradient(90deg, var(--dz-primary), var(--dz-secondary)) !important;
  box-shadow: 0 10px 20px rgba(124, 58, 237, 0.28) !important;
}

/* Game thumb dark bg */
.home-page .home-game-thumb {
  background: var(--dz-surface-1) !important;
}

/* Home panel cards (news article cards, match panels) */
.home-panel {
  background: linear-gradient(180deg, rgba(26, 18, 48, 0.88), rgba(20, 14, 38, 0.94)) !important;
  border-color: var(--dz-border) !important;
}

.home-panel article {
  background: rgba(124, 58, 237, 0.05) !important;
  border-color: var(--dz-border) !important;
  border-radius: 0 !important;
}

.home-panel article:hover {
  border-color: var(--dz-border-strong) !important;
  background: rgba(124, 58, 237, 0.1) !important;
}

/* Scoreboard result box in match panels */
.home-panel .flex.flex-col.rounded-2xl {
  background: rgba(22, 16, 40, 0.88) !important;
  border-color: var(--dz-border) !important;
  border-radius: 0 !important;
}

/* FAQ section */
.home-page details.group {
  background: rgba(124, 58, 237, 0.06) !important;
  border-color: var(--dz-border) !important;
  border-radius: 0 !important;
}

.home-page details.group[open] {
  background: rgba(124, 58, 237, 0.11) !important;
  border-color: var(--dz-border-strong) !important;
}

/* Live status dot color in section headings */
.home-page .live-dot,
.home-page [class*="bg-emerald"],
.home-page [class*="text-emerald"] {
  color: var(--dz-tertiary) !important;
}

.home-page span[class*="bg-emerald-5"] {
  background: rgba(124, 58, 237, 0.12) !important;
  border-color: rgba(124, 58, 237, 0.4) !important;
  color: var(--dz-tertiary) !important;
}

.home-page span[class*="bg-emerald-4"].animate-pulse,
.home-page span.animate-pulse[class*="bg-emerald"] {
  background: var(--dz-tertiary) !important;
}

/* Explore section link cards */
.home-page a.group[href] {
  border-radius: 0 !important;
  border-color: var(--dz-border) !important;
  background: rgba(124, 58, 237, 0.07) !important;
}

.home-page a.group[href]:hover {
  border-color: var(--dz-border-strong) !important;
  background: rgba(124, 58, 237, 0.14) !important;
}

/* ─── Tournament --uni-* token bridge (overrides blue inline tokens with !important) ─── */
.cine-tournament-shell {
  --uni-bg:      rgba(22, 16, 40, 0.92) !important;
  --uni-bg-soft: rgba(31, 23, 55, 0.9) !important;
  --uni-border:  rgba(124, 58, 237, 0.26) !important;
  --uni-shadow:  0 14px 30px rgba(13, 9, 25, 0.48) !important;
  --uni-accent:  #a78bfa !important;
  --uni-text:    #f5f3ff !important;
  --uni-muted:   #8f86b5 !important;
}

/* Tournament: Tailwind emerald/cyan utility overrides within tournament shell */
.cine-tournament-shell [class*="text-emerald"],
.cine-tournament-shell [class*="text-cyan"],
.cine-tournament-shell [class*="text-green"] {
  color: var(--dz-tertiary) !important;
}

.cine-tournament-shell [class*="bg-emerald"],
.cine-tournament-shell [class*="bg-green"] {
  background: rgba(124, 58, 237, 0.14) !important;
}

.cine-tournament-shell [class*="border-emerald"],
.cine-tournament-shell [class*="border-green"] {
  border-color: rgba(124, 58, 237, 0.34) !important;
}

/* Wins column text in standings tables */
.cine-tournament-shell .text-emerald-300 {
  color: var(--dz-tertiary) !important;
}

/* Registration section info boxes */
.cine-tournament-shell [class*="bg-emerald-5"],
.cine-tournament-shell .bg-emerald-500\/10 {
  background: rgba(124, 58, 237, 0.1) !important;
  border-color: rgba(124, 58, 237, 0.3) !important;
}

/* Inline kicker texts that are cyan */
.cine-tournament-shell .text-cyan-300 {
  color: var(--dz-tertiary) !important;
}