/* Theme: Deep Yellow */
:root {
    --primary: #FFC000;       /* Deep Yellow */
    --primary-dark: #D4A000;  /* Slightly Darker Yellow */
    --primary-light: #FFE44D; /* Light Yellow */
    --secondary: #E6A800;     /* Medium Yellow */
    --light: #FFF8D9;        /* Very Light Yellow */
    --dark: #B38600;         /* Very Dark Yellow */
    --text-on-primary: #3E3D32; /* Dark text on yellow */
}

/* Navbar */
.navbar {
    background-color: var(--primary) !important;
    border-bottom: 2px solid var(--primary-dark) !important;
}

.navbar-brand, .nav-link, .navbar-nav .nav-link {
    color: var(--text-on-primary) !important;
}

.nav-link:hover, .navbar-nav .nav-link:hover {
    color: var(--text-on-primary) !important;
    background-color: var(--primary-dark) !important;
}

/* Buttons */
.btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary-dark) !important;
    color: var(--text-on-primary) !important;
}

.btn-primary:hover {
    background-color: var(--primary-dark) !important;
    border-color: var(--dark) !important;
}

/* Cards */
.card {
    border: 1px solid var(--primary-light) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

.card-header {
    background-color: var(--light) !important;
    border-bottom: 1px solid var(--primary-light) !important;
    color: var(--primary) !important;
}

/* Tables */
.table thead th {
    background-color: var(--primary) !important;
    color: var(--text-on-primary) !important;
    border-bottom: 2px solid var(--primary-dark) !important;
}

.table tbody tr:hover {
    background-color: var(--light) !important;
}

/* Form Controls */
.form-control:focus, 
.form-select:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 0.25rem rgba(103, 58, 183, 0.25) !important;
}

/* Active States */
.nav-pills .nav-link.active, 
.nav-pills .show > .nav-link {
    background-color: var(--primary) !important;
    color: var(--text-on-primary) !important;
}

/* Badges */
.badge.bg-primary {
    background-color: var(--primary) !important;
    color: var(--text-on-primary) !important;
}

/* Links */
a {
    color: var(--primary);
}

a:hover {
    color: var(--primary-dark);
    text-decoration: none;
}