/* Cinema Theme — Dark, atmospheric movie theater feel */

:root {
    --bg: #1a1520;
    --surface: rgba(40, 30, 50, 0.85);
    --surface-strong: #2a1f35;
    --text: #ece4f0;
    --muted: #a89bb5;
    --line: rgba(255, 255, 255, 0.08);
    --shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
}

body {
    background:
        radial-gradient(ellipse at 20% 0%, rgba(142, 90, 43, 0.18), transparent 50%),
        radial-gradient(ellipse at 80% 100%, rgba(100, 50, 20, 0.12), transparent 50%),
        linear-gradient(165deg, #1a1520 0%, #120e18 100%);
    color: var(--text);
}

a { color: var(--text); }

.site-header,
.site-footer {
    background: rgba(26, 21, 32, 0.85);
    backdrop-filter: blur(16px);
    border-color: var(--line);
}

.hero__content,
.card {
    background: var(--surface);
    border-color: var(--line);
}

.eyebrow {
    background: rgba(255, 255, 255, 0.08);
    color: var(--muted);
}

.badge,
.meta-chip {
    background: rgba(255, 255, 255, 0.06);
}

input[type="search"],
input[type="text"],
input[type="password"],
select,
textarea {
    background: rgba(40, 30, 50, 0.7);
    border-color: var(--line);
    color: var(--text);
}

button {
    background: var(--site-accent);
}

.comment-item {
    background: rgba(255, 255, 255, 0.04);
    border-color: var(--line);
}

.player-tabs details {
    background: rgba(255, 255, 255, 0.03);
    border-color: var(--line);
}

.flash--success {
    background: rgba(42, 111, 74, 0.2);
    color: #7dcea0;
}

.flash--error {
    background: rgba(157, 43, 43, 0.2);
    color: #e88;
}

.catalog-card__poster,
.content-poster {
    background: linear-gradient(135deg, var(--site-accent), #0d0a12);
}