/* Hub Theme - Based on Logo Colors */
:root {
    --primary-teal: #011c20;
    --primary-teal-dark: #008B8B;
    --primary-yellow: #FFD700;
    --accent-white: #FFFFFF;
    --light-gray: #F5F5F5;
    --text-dark: #333333;
}

/* Global Button Styles */
.btn, .btn-primary, .btn-success, .btn-secondary, .btn-info, .btn-warning, .btn-danger, .btn-light, .btn-dark {
    background-color: #ffc207;
    border-color: #ffc207;
    color: #022327;
}

.btn:hover, .btn-primary:hover, .btn-success:hover, .btn-secondary:hover, .btn-info:hover, .btn-warning:hover, .btn-danger:hover, .btn-light:hover, .btn-dark:hover {
    background-color: #e0a800;
    border-color: #e0a800;
    color: #022327;
}

/* Icon color for buttons */
.btn i, .btn svg, .btn .fa, .btn .fas, .btn .far, .btn .fab {
    color: #022327;
}

/* Card Headers */
.card-header.bg-primary {
    background-color: #005658 !important;
}

/* Alert Styles */
.alert-success {
    background-color: rgba(255, 215, 0, 0.1);
    border-color: var(--primary-yellow);
    color: var(--primary-teal-dark);
}

/* Form Focus States */
.form-control:focus,
.form-select:focus {
    border-color: var(--primary-teal);
    box-shadow: 0 0 0 0.2rem rgba(32, 178, 170, 0.25);
}

/* Table Headers */
.table-primary {
    background-color: var(--primary-teal);
    color: white;
}

/* Background */
body.bg-light {
    background-color: var(--light-gray) !important;
}