:root {
    --color-primary: #8c2f1d;
    --color-background-light: #fafaf7;
    --color-background-dark: #111111;
    --color-neutral-dark: #111111;
    --color-neutral-muted: #666666;
}

body {
    background-color: var(--color-background-light);
    color: var(--color-neutral-dark);
}

.soft-shadow {
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
}

.hero-gradient {
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
        url('https://images.unsplash.com/photo-1492684223066-81342ee5ff30?auto=format&fit=crop&q=80&w=2070');
    background-size: cover;
    background-position: center;
}

.seat-zone {
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.seat-zone:hover {
    fill: #8c2f1d !important;
    opacity: 0.8;
}

.seat {
    cursor: pointer;
    transition: all 0.2s ease;
}

.seat:hover:not(.sold):not(.reserved) {
    fill: #f1e8e2;
    stroke: #8c2f1d;
}

.seat.selected {
    fill: #8c2f1d !important;
    stroke: #5b1d10 !important;
}

.seat.sold,
.seat.reserved {
    cursor: not-allowed;
}