/* Mystery Noir Theme */
.theme-mystery-noir {
    --bg-image: url('https://images.unsplash.com/photo-1514565131-fce0801e5785?w=1920');
    --bg-color: #1a1a1a;
    --text-color: #e0e0e0;
    --primary-color: #fbbf24;
    --card-bg: rgba(26, 26, 26, 0.93);
    --badge-bg: rgba(251, 191, 36, 0.15);
    --description-bg: rgba(50, 50, 50, 0.7);
    --overlay-color: rgba(0, 0, 0, 0.75);
    --border-color: rgba(251, 191, 36, 0.3);
    --button-bg: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);
    --button-text: #1a1a1a;
    --button-shadow: rgba(251, 191, 36, 0.4);
    --header-bg: rgba(26, 26, 26, 0.95);
    --choice-bg: rgba(50, 50, 50, 0.7);
    --choice-border: rgba(251, 191, 36, 0.3);
    --choice-hover-bg: rgba(251, 191, 36, 0.15);
    --spinner-bg: rgba(251, 191, 36, 0.2);
    font-family: 'Courier New', monospace;
}

.theme-mystery-noir .story-title {
    font-family: 'Special Elite', 'Courier New', monospace;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.theme-mystery-noir::before {
    filter: grayscale(0.5);
}

.theme-mystery-noir .story-text {
    font-family: 'Courier New', monospace;
    font-size: 1.1rem;
}