/* Global Theme Overrides for iCET CMS */
:root {
    --brand-primary: #1256C2;
    --brand-secondary: #12AA4F;
    --brand-primary-dark: #0d4699;
    --brand-secondary-dark: #0e8a3f;
    --gradient-primary: linear-gradient(120deg, var(--brand-primary) 0%, var(--brand-primary-dark) 40%, var(--brand-secondary) 100%);
}

/* Navbar */
.navbar.bg-primary,
.navbar.navbar-dark.bg-primary {
    background: var(--gradient-primary) !important;
}

.navbar .navbar-brand,
.navbar-dark .navbar-brand {
    font-weight: 600;
}

/* Primary background utility */
.bg-primary {
    background-color: var(--brand-primary) !important;
}

/* Buttons */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--brand-primary);
    --bs-btn-border-color: var(--brand-primary);
    --bs-btn-hover-bg: var(--brand-primary-dark);
    --bs-btn-hover-border-color: var(--brand-primary-dark);
    --bs-btn-active-bg: #0a3770;
    --bs-btn-active-border-color: #0a3770;
    --bs-btn-focus-shadow-rgb: 18, 86, 194;
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--brand-secondary);
    --bs-btn-border-color: var(--brand-secondary);
    --bs-btn-hover-bg: var(--brand-secondary-dark);
    --bs-btn-hover-border-color: var(--brand-secondary-dark);
    --bs-btn-active-bg: #0c6e33;
    --bs-btn-active-border-color: #0c6e33;
    --bs-btn-focus-shadow-rgb: 18, 170, 79;
}

.btn-outline-primary {
    --bs-btn-color: var(--brand-primary);
    --bs-btn-border-color: var(--brand-primary);
    --bs-btn-hover-bg: var(--brand-primary);
    --bs-btn-hover-border-color: var(--brand-primary);
    --bs-btn-active-bg: var(--brand-primary-dark);
    --bs-btn-active-border-color: var(--brand-primary-dark);
    --bs-btn-focus-shadow-rgb: 18, 86, 194;
}

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

a:hover {
    color: var(--brand-primary-dark);
}

/* Sidebar active link */
.sidebar .nav-link.active {
    background: var(--brand-primary) !important;
    color: #fff !important;
}

.sidebar .nav-link.active i {
    color: #fff;
}

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

.badge.bg-secondary {
    background-color: var(--brand-secondary) !important;
}

/* Form focus */
.form-control:focus,
.form-select:focus {
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 .2rem rgba(18, 86, 194, .25);
}

/* Toasts */
.toast.bg-primary {
    background: var(--gradient-primary) !important;
}

/* Progress / misc components can use primary override automatically */
.progress-bar.bg-primary {
    background-color: var(--brand-primary) !important;
}

/* Custom helper */
.text-brand-primary {
    color: var(--brand-primary) !important;
}

.text-brand-secondary {
    color: var(--brand-secondary) !important;
}

.bg-brand-primary {
    background-color: var(--brand-primary) !important;
}

.bg-brand-secondary {
    background-color: var(--brand-secondary) !important;
}

/* Gradients */
.bg-brand-gradient {
    background: var(--gradient-primary) !important;
}