:root{
  --burgundy: #6D213C; /* deep wine */
  --smoke: #6B7280;    /* slate-500 */
  --smoke-50: #F8FAFC;
}
/* Utility tie-ins */
.text-burgundy{ color: var(--burgundy); }
.bg-burgundy{ background-color: var(--burgundy); }
.text-smoke-600{ color: #4B5563; }
.text-smoke-700{ color: #374151; }
.text-smoke-500{ color: #6B7280; }
.bg-smoke-50{ background-color: var(--smoke-50); }
.border-smoke-200{ border-color: #E5E7EB; }

/* Reusable components */
.card{ background: white; border: 1px solid #E5E7EB; border-radius: 16px; padding: 16px; box-shadow: 0 1px 2px rgba(0,0,0,0.04); }
.badge{ font-size: 12px; padding: 2px 8px; border-radius: 999px; background: #F3F4F6; color: #374151; }
.chip{ font-size: 12px; padding: 2px 8px; border-radius: 999px; background: #F9FAFB; border: 1px solid #E5E7EB; }
.rank{ width: 32px; height: 32px; border-radius: 999px; display: grid; place-items: center; border: 1px solid #E5E7EB; }

.btn{ padding: 8px 12px; border-radius: 10px; transition: transform 120ms ease; }
.btn:hover{ filter: brightness(0.95); transform: translateY(-1px); }
.btn-outline{ padding: 8px 12px; border: 1px solid #E5E7EB; border-radius: 10px; background: #fff; }
.btn-outline.danger{ border-color: #FCA5A5; color: #B91C1C; }
.btn-outline:hover{ background: #F9FAFB; }

.select{ border: 1px solid #E5E7EB; padding: 6px 8px; border-radius: 10px; background: white; }
.input{ border: 1px solid #E5E7EB; padding: 6px 8px; border-radius: 10px; background: white; }
.label{ font-size: 12px; color: #6B7280; margin-bottom: 4px; }

.tab{ padding: 6px 10px; border-radius: 999px; background: #F3F4F6; }
.tab-active{ background: var(--burgundy); color: white; }

.logo-text{ font-weight: 800; color: var(--burgundy); letter-spacing: 0.2px; }

.link{ color: var(--burgundy); text-decoration: underline; }

.ad img{ display:block; }

.bg-card{ background: rgba(255,255,255,0.9); }

/* Responsive helpers */
.aspect-video{ position: relative; width: 100%; padding-bottom: 56.25%; }
.aspect-video > iframe{ position:absolute; width:100%; height:100%; left:0; top:0; }