:root {
    --bs-primary: #0b1b3d;
    --bs-primary-rgb: 11, 27, 61;
    --bs-secondary: #d4af37;
    --bs-secondary-rgb: 212, 175, 55;
    --bs-body-bg: #ffffff;
    --bs-body-color: #2d3748;
    --bs-font-sans-serif: 'Inter', system-ui, -apple-system, sans-serif;
    --bs-heading-color: #0b1b3d;
    --bs-link-color: #0b1b3d;
    --bs-link-hover-color: #d4af37;
    --ouo-gold: #d4af37;
}

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

h1, h2, h3, h4, h5, h6, .display-1, .display-2, .display-3, .display-4, .display-5, .display-6, .card-title {
    font-family: 'Bitter', serif;
    color: var(--bs-heading-color);
}

/* Global button restyling */
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #08142c !important;
    border-color: #08142c !important;
    color: #fff;
}

.btn-secondary {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
    color: var(--bs-primary);
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    background-color: #c09d31 !important;
    border-color: #c09d31 !important;
    color: var(--bs-primary) !important;
}

/* Custom Gold accents */
.text-ouo-gold {
    color: var(--ouo-gold) !important;
}
.bg-ouo-gold {
    background-color: var(--ouo-gold) !important;
    color: var(--bs-primary) !important;
}
.btn-gold {
    background-color: var(--ouo-gold);
    border-color: var(--ouo-gold);
    color: var(--bs-primary);
    font-weight: 600;
    transition: all 0.2s ease-in-out;
}
.btn-gold:hover {
    background-color: #c09d31;
    border-color: #c09d31;
    color: var(--bs-primary);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3);
}

/* Global Card styling */
.card, .app-content .card {
    border: 1px solid rgba(11, 27, 61, 0.08);
    border-radius: 0.75rem;
    box-shadow: 0 8px 24px rgba(11, 27, 61, 0.06);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.card-header {
    background-color: rgba(11, 27, 61, 0.02);
    border-bottom: 1px solid rgba(11, 27, 61, 0.08);
}

/* AdminLTE Sidebar overrides */
.app-sidebar.bg-primary {
    background-color: var(--bs-primary) !important;
    border-right: none;
}
.app-sidebar.bg-primary .sidebar-brand {
    background-color: rgba(0,0,0,0.2) !important;
    color: #fff;
}
.app-sidebar.bg-primary .sidebar-brand .brand-text {
    font-family: 'Bitter', serif;
    font-weight: 600;
}
.app-sidebar.bg-primary .nav-link {
    color: rgba(255,255,255,0.8);
}
.app-sidebar.bg-primary .nav-link:hover,
.app-sidebar.bg-primary .nav-link.active {
    background-color: var(--ouo-gold) !important;
    color: var(--bs-primary) !important;
}
.app-sidebar.bg-primary .nav-item .nav-link i.nav-icon {
    color: inherit;
}
.app-sidebar.bg-primary .nav-header {
    color: rgba(255,255,255,0.5);
}
.app-sidebar.bg-primary .sidebar-search input {
    background-color: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.1);
    color: #fff;
}
.app-sidebar.bg-primary .sidebar-search input:focus {
    background-color: rgba(255,255,255,0.2);
    border-color: var(--ouo-gold);
    color: #fff;
}

/* Navbar overrides */
.app-header.navbar {
    background-color: #ffffff;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
.app-header.navbar .nav-link {
    color: var(--bs-primary);
}
.app-header.navbar .nav-link:hover {
    color: var(--ouo-gold);
}