:root {
    --brown-500: #795548;
}

.bg-brown-500 {
    background-color: var(--brown-500);
}

.btn-brown-500 {
    background-color: var(--brown-500);
    color: white;
    border-color: var(--brown-500);
}

.btn-brown-500:hover {
    background-color: #6d4c41;
    border-color: #6d4c41;
    color: white;
}

body {
    background-color: #f5f5f5;
}

.min-vh-100 {
    min-height: 100vh;
}

.flex-grow-1 {
    flex-grow: 1;
}

/* Video Modal Styles */
#videoModal .modal-content {
    background-color: #1a1a1a;
    color: white;
}

#videoModal .modal-header {
    padding-bottom: 0;
}

#videoModal .modal-footer {
    padding-top: 0;
}

#videoModal video {
    background-color: #000;
}

/* Darkened modal backdrop */
.modal-backdrop.show {
    opacity: 0.85;
}