:root {
    /* Brand Colors (Preserved) */
    --cultural-primary: #A0522D;   /* Sienna */
    --cultural-secondary: #CD853F; /* Peru */
    --cultural-accent: #FFC107;    /* Amber */
    --cultural-dark: #3E2723;      /* Deep Brown */
    --cultural-light: #FDFBF7;     /* Off-white */

    /* Soft Dark Theme Variables */
    --bs-body-bg: #2B2624;         /* Soft Dark Coffee/Charcoal */
    --bs-body-color: #E8E4E1;      /* Soft Beige/Grey Text */
    --bs-card-bg: #36302C;         /* Slightly lighter coffee for cards */
    --bs-border-color: rgba(205, 133, 63, 0.3); /* Soft Peru/Sienna transparency */

    --font-brand: 'Lora', serif;
    --font-body: 'Montserrat', sans-serif;
}

[data-bs-theme="dark"] body {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}

body {
    background-color: var(--bs-body-bg);
    font-family: var(--font-body);
    color: var(--bs-body-color);
}

.brand-font {
    font-family: var(--font-brand);
    font-weight: 700;
}

/* Navbar: Darker earthy tone */
.bg-cultural-primary {
    background-color: #5D4037 !important; /* Darker brown than Sienna for better contrast in dark mode */
    border-bottom: 5px solid var(--cultural-accent);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.btn-cultural-primary {
    background-color: var(--cultural-primary);
    border-color: var(--cultural-primary);
    color: white;
    font-weight: 600;
    transition: all 0.3s;
}

.btn-cultural-primary:hover {
    background-color: #8B4513; /* Darker Sienna */
    border-color: #8B4513;
    color: white;
    transform: translateY(-2px);
}

.btn-cultural-outline {
    color: var(--cultural-secondary);
    border: 2px solid var(--cultural-secondary);
    font-weight: 600;
}

.btn-cultural-outline:hover {
    background-color: var(--cultural-secondary);
    color: #2B2624;
}

.bg-cultural-accent {
    background-color: var(--cultural-accent) !important;
    color: #2B2624; /* Dark text on amber background */
}

.main-content {
    min-height: 75vh;
    padding-top: 30px;
}

/* Card Styling for Soft Dark Theme */
.card-cultural {
    border-radius: 16px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background-color: var(--bs-card-bg);
    border: 1px solid var(--bs-border-color);
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}

.card-cultural:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
    border-color: var(--cultural-secondary);
}

.card-member {
     border-radius: 16px;
     transition: all 0.3s;
     background: var(--bs-card-bg);
     border: 1px solid var(--bs-border-color);
     color: var(--bs-body-color);
     box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}

.card-member:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.3) !important;
    border-color: var(--cultural-accent) !important;
}

.member-photo {
    object-fit: cover;
    border: 4px solid var(--bs-card-bg); /* Match card bg */
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

.cultural-footer {
    background-color: #1a1716; /* Very dark brown */
    color: var(--cultural-light);
}

/* Calendar Styling */
.fc-toolbar-title {
    font-family: var(--font-brand) !important;
    color: var(--bs-body-color);
}

/* Ensure FullCalendar icons use the correct font family */
.fc-icon {
    font-family: 'fcicons' !important;
}

.fc-button-primary {
    background-color: var(--cultural-primary) !important;
    border-color: var(--cultural-primary) !important;
}

.fc-daygrid-event {
    background-color: var(--cultural-secondary);
    border-color: var(--cultural-primary);
    border-radius: 4px;
    padding: 2px 5px;
    font-size: 0.85em;
    cursor: pointer;
    color: #2B2624;
}
.fc-event-title {
    font-weight: 600;
}

#calendar {
    min-height: 600px;
    background-color: var(--bs-card-bg);
    padding: 15px;
    border-radius: 16px;
    color: var(--bs-body-color);
    border: 1px solid var(--bs-border-color);
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}

/* Text overrides for specific contexts */
.text-cultural-primary {
    color: var(--cultural-secondary) !important; /* Lighter shade for readability on dark */
}

.text-cultural-dark {
    color: var(--bs-body-color) !important; /* Override old dark text class */
}

/* Dropdown adjustments */
.dropdown-menu {
    background-color: var(--bs-card-bg);
    border-color: var(--bs-border-color);
}
.dropdown-item {
    color: var(--bs-body-color);
}
.dropdown-item:hover {
    background-color: var(--bs-border-color);
    color: white;
}