/* HBO Max Theme */
:root {
    --bg-primary: #0a0020;
    --bg-card: #140033;
    --bg-card-hover: #1e0050;
    --bg-header: rgba(10, 0, 32, 0.9);
    --bg-modal: rgba(5, 0, 16, 0.8);
    --accent: #b385ff;
    --accent-hover: #c9a5ff;
    --text-primary: #f0eaf8;
    --text-secondary: #a898c2;
    --text-muted: #5e4d78;
    --border: #1e0050;
    --success: #46d369;
    --radius: 8px;
    --radius-lg: 12px;
}

/* Hero carousel */
.hero-carousel {
    background: #0a0020;
}

/* Hero overlay - purple tones */
.hero-slide-overlay {
    background:
        linear-gradient(0deg, var(--bg-primary) 0%, rgba(10,0,32,0.6) 30%, transparent 60%),
        linear-gradient(90deg, rgba(10,0,32,0.5) 0%, transparent 50%);
}

/* Type badge - purple */
.hero-slide-type {
    background: rgba(179, 133, 255, 0.7);
    color: #fff;
    border-radius: 4px;
}

/* Page hero gradient */
.page-hero {
    background: linear-gradient(135deg, rgba(179,133,255,0.1) 0%, var(--bg-primary) 60%);
}

/* Card hover - purple glow */
.card:hover {
    box-shadow: 0 8px 30px rgba(179, 133, 255, 0.2);
}

/* Modal */
.modal {
    background: #140033;
}

.modal-header {
    background: #140033;
}

/* Episode items */
.episode-item {
    background: #1e0050;
}

.episode-item:hover {
    background: #280066;
    border-color: #3a0088;
}

/* Season select */
.season-select {
    background: #1e0050;
    border-color: #3a0088;
}

.season-label {
    background: #1e0050;
    border-color: #3a0088;
}

/* Detail modal */
.detail-backdrop-gradient {
    background: linear-gradient(0deg, #140033 0%, rgba(20,0,51,0.7) 35%, transparent 65%);
}

/* Filter selects */
.nf-select {
    background: #0a0020;
}

.nf-select option {
    background: #140033;
}

.nf-search {
    background: #0a0020;
}

/* Card poster placeholder */
.card-poster {
    background: #1e0050;
}

/* Episode new dot */
.episode-new-dot {
    background: var(--accent);
    box-shadow: 0 0 6px rgba(179, 133, 255, 0.5);
}

/* Hero button */
.hero-btn {
    border-radius: 6px;
}

/* Top10 number stroke */
.top10-number {
    -webkit-text-stroke-color: #3a0088;
}
