:root {
    --primary-color: #8E44AD; /* Purple for royalty/women's ministry vibe */
    --secondary-color: #E84393; /* Pink accent */
    --accent-color: #F1C40F; /* Gold/Yellow for Sunbeam/GA */
    --text-dark: #2C3E50;
    --text-light: #7F8C8D;

    /* Department Colors */
    --wms-color: #800080; /* Purple */
    --lydia-color: #DDA0DD; /* Light Purple (Plum) */
    --ga-color: #28a745; /* Green */
    --sunbeam-color: #FFD700; /* Yellow */
}

body {
    font-family: 'Lato', sans-serif;
    color: var(--text-dark);
    line-height: 1.6;
}

.font-playfair {
    font-family: 'Playfair Display', serif;
}

.text-primary { color: var(--primary-color) !important; }
.bg-primary { background-color: var(--primary-color) !important; }
.btn-primary { background-color: var(--primary-color); border-color: var(--primary-color); }
.btn-primary:hover { background-color: #732d91; border-color: #732d91; }
.btn-outline-primary { color: var(--primary-color); border-color: var(--primary-color); }
.btn-outline-primary:hover { background-color: var(--primary-color); color: white; }

/* Custom Department Colors (Light Versions) */
.bg-wms-light {
    background-color: #f3e5f5 !important; /* Very light purple */
}

.bg-lydia-light {
    background-color: #f8e1f8 !important; /* Very light plum */
}

.bg-ga-light {
    background-color: #e8f5e9 !important; /* Very light green */
}

.bg-sunbeam-light {
    background-color: #fff9c4 !important; /* Very light yellow */
}

/* Original Department Colors */
.bg-wms {
    background-color: #800080 !important;
}

.text-wms {
    color: #800080 !important;
}

.btn-wms {
    background-color: #800080;
    color: white;
    border: none;
}

.btn-wms:hover {
    background-color: #4b004b;
    color: white;
}

.btn-outline-wms {
    color: #800080;
    border-color: #800080;
}

.btn-outline-wms:hover {
    background-color: #800080;
    color: white;
}

.bg-lydia {
    background-color: #DDA0DD !important;
}

.text-lydia {
    color: #9c27b0 !important; /* Darker for readability */
}

.btn-lydia {
    background-color: #DDA0DD;
    color: #333;
    border: none;
}

.btn-lydia:hover {
    background-color: #ba68c8;
    color: white;
}

.btn-outline-lydia {
    color: #9c27b0;
    border-color: #9c27b0;
}

.btn-outline-lydia:hover {
    background-color: #9c27b0;
    color: white;
}

.bg-ga {
    background-color: #2E8B57 !important;
}

.text-ga {
    color: #2E8B57 !important;
}

.btn-ga {
    background-color: #2E8B57;
    color: white;
    border: none;
}

.btn-ga:hover {
    background-color: #1a5232;
    color: white;
}

.btn-outline-ga {
    color: #2E8B57;
    border-color: #2E8B57;
}

.btn-outline-ga:hover {
    background-color: #2E8B57;
    color: white;
}

.bg-sunbeam {
    background-color: #FFD700 !important;
}

.text-sunbeam {
    color: #FF8C00 !important; /* Dark orange for readability */
}

.btn-sunbeam {
    background-color: #FFD700;
    color: #333;
    border: none;
}

.btn-sunbeam:hover {
    background-color: #e6c200;
}

.btn-outline-sunbeam {
    color: #FF8C00;
    border-color: #FF8C00;
}

.btn-outline-sunbeam:hover {
    background-color: #FF8C00;
    color: white;
}


.hero-section {
    position: relative;
    background-attachment: fixed;
}

.hover-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

.icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Navbar styling */
.navbar-nav .nav-link {
    font-weight: 500;
    color: var(--text-dark);
    padding: 0.5rem 1rem;
}

.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active {
    color: var(--primary-color);
}

.dropdown-item:active {
    background-color: var(--primary-color);
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Form Styles */
.form-control:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.25rem rgba(142, 68, 173, 0.25);
}

.profile-card .bg-light.text-center {
    aspect-ratio: 3 / 4 !important;
    height: auto !important;
    width: 100% !important;
    max-width: 220px;
    margin: 0 auto !important;
    border-radius: 1rem;
    overflow: hidden;
}

.profile-card .bg-light.text-center img {
    border-radius: inherit;
}

.national-director-photo {
    display: block;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.conference-grid > .col-md-6.col-lg-4 {
    flex: 0 0 auto !important;
    width: 100% !important;
}

@media (min-width: 576px) {
    .conference-grid > .col-md-6.col-lg-4 {
        width: 50% !important;
    }
}

@media (min-width: 768px) {
    .conference-grid > .col-md-6.col-lg-4 {
        width: 25% !important;
    }
}

.profile-card .card-body .row.mb-1 {
    flex-direction: column;
    margin-bottom: 0.15rem !important;
    line-height: 1.2;
}

.profile-card .card-body .row.mb-1 > .col-4,
.profile-card .card-body .row.mb-1 > .col-8 {
    width: 100%;
    max-width: 100%;
}