:root {
    --primary-color: #f15934;
    --secondary-color: #3c8dbc;
    --background-color: #ffffff;
    --text-color: #333333;
    --border-color: #dee2e6;
    --header-bg: #f8f9fa;
    --sidebar-bg: #ffffff;
    --light-gray: #f4f6f9;
}

/* General styles */
body {
    background-color: var(--background-color);
    color: var(--text-color);
}

/* Login page specific styles */
.login-page {
    background-color: var(--light-gray) !important;
}

.login-box {
    background-color: transparent;
}

.login-logo a {
    color: var(--text-color) !important;
}

.login-card-body {
    background-color: var(--background-color);
    color: var(--text-color);
}

.login-box-msg {
    color: var(--text-color);
}

/* Navbar styles */
.navbar {
    background-color: var(--header-bg);
    border-bottom: 1px solid var(--border-color);
}

.navbar-light .navbar-nav .nav-link {
    color: var(--text-color);
}

/* Sidebar styles */
.main-sidebar {
    background-color: var(--sidebar-bg);
    border-right: 1px solid var(--border-color);
}

.nav-sidebar .nav-link {
    color: var(--text-color);
}

    .nav-sidebar .nav-link.active {
        background-color: var(--primary-color);
        color: #ffffff;
    }

/* Card styles */
.card {
    background-color: var(--background-color);
    border: 1px solid var(--border-color);
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
}

.card-header {
    background-color: var(--header-bg);
    border-bottom: 1px solid var(--border-color);
}

/* Form styles */
.form-control {
    background-color: var(--background-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
}

    .form-control:focus {
        background-color: var(--background-color);
        border-color: var(--primary-color);
        box-shadow: 0 0 0 0.2rem rgba(241, 89, 52, 0.25);
    }

/* Button styles */
.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

    .btn-primary:hover {
        background-color: #d94b2b;
        border-color: #d94b2b;
    }

/* Input group styles */
.input-group-text {
    background-color: var(--light-gray);
    border-color: var(--border-color);
    color: var(--text-color);
}

/* Table styles */
.table {
    color: var(--text-color);
}

    .table thead th {
        background-color: var(--header-bg);
        border-bottom: 2px solid var(--border-color);
    }

/* Modal styles */
.modal-content {
    background-color: var(--background-color);
}

.modal-header {
    background-color: var(--header-bg);
    border-bottom: 1px solid var(--border-color);
}

/* Brand link styles */
.brand-link {
    border-bottom: 1px solid var(--border-color);
    color: var(--text-color);
}

/* Navigation pills */
.nav-pills .nav-link.active {
    background-color: var(--primary-color);
}

/* Progress bars */
.progress {
    background-color: #e9ecef;
}

.progress-bar {
    background-color: var(--primary-color);
}

/* Custom checkbox styles */
.icheck-primary > input:first-child:checked + label::before {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

/* Alert styles */
.alert {
    background-color: var(--light-gray);
    border: 1px solid var(--border-color);
}

.alert-info {
    background-color: #d1ecf1;
    border-color: #bee5eb;
    color: #0c5460;
}

.alert-success {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}

/* Additional AdminLTE overrides */
.content-wrapper {
    background-color: var(--light-gray);
}

.sidebar .nav-link:hover {
    color: var(--primary-color);
}

.nav-header {
    color: #6c757d !important;
}

@font-face {
    font-family: 'Rage Italic';
    src: url('RAGE.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.slogan-sjf {
    font-family: 'Rage Italic', cursive;
    font-size: 16.5pt;
    color: #666666;
}