:root {
    --nf-bg: #0f0f0f;
    --nf-bg-elevated: #141414;
    --nf-surface: #1a1a1a;
    --nf-surface-soft: rgba(255, 255, 255, 0.06);
    --nf-surface-strong: rgba(255, 255, 255, 0.1);
    --nf-border: rgba(255, 255, 255, 0.14);
    --nf-text: #ffffff;
    --nf-text-muted: #b3b3b3;
    --nf-text-dim: #7a7a7a;
    --nf-accent: #e8ff00;
    --nf-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

body.netflix-theme {
    background:
        radial-gradient(1200px 500px at 10% -15%, rgba(232, 255, 0, 0.08), transparent 60%),
        radial-gradient(900px 420px at 90% -10%, rgba(255, 255, 255, 0.04), transparent 60%),
        var(--nf-bg);
    color: var(--nf-text);
}

.netflix-surface {
    background: var(--nf-surface-soft);
    border: 1px solid var(--nf-border);
    box-shadow: var(--nf-shadow);
}

.netflix-btn-primary {
    background: var(--nf-accent);
    color: #000;
}

.netflix-btn-secondary {
    background: var(--nf-surface-strong);
    color: var(--nf-text);
    border: 1px solid var(--nf-border);
}