/**
 * Wazaut Colors - Modern Emerald Palette
 *
 * Central CSS variables and Bootstrap overrides.
 * Include AFTER Bootstrap CSS in all layouts.
 */

:root {
    /* ── Brand palette ── */
    --wz-primary: #1B9B7D;
    --wz-primary-rgb: 27, 155, 125;
    --wz-primary-dark: #147A63;
    --wz-primary-light: #2CC4A0;
    --wz-accent: #34D399;
    --wz-dark: #0A3D32;
    --wz-surface: #F0FDF7;
    --wz-neutral: #1F2937;
    --wz-muted: #64748B;

    /* ── Semantic (status) ── */
    --wz-success: #22C55E;
    --wz-warning: #F59E0B;
    --wz-error: #EF4444;
    --wz-info: #3B82F6;

    /* ── Bootstrap overrides ── */
    --bs-primary: #1B9B7D;
    --bs-primary-rgb: 27, 155, 125;
    --bs-link-color: #1B9B7D;
    --bs-link-hover-color: #147A63;

    /* ── Legacy aliases (consumed by existing inline styles) ── */
    --primary: var(--wz-primary);
    --primary-dark: var(--wz-primary-dark);
    --secondary: var(--wz-dark);
    --sidebar-width: 260px;
    --sidebar-collapsed-width: 60px;
}

/* ─────────────────────────────────────────────
   Bootstrap component overrides
   ───────────────────────────────────────────── */

/* Buttons */
.btn-primary {
    background-color: var(--wz-primary);
    border-color: var(--wz-primary);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: var(--wz-primary-dark);
    border-color: var(--wz-primary-dark);
}
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--wz-primary-dark);
    border-color: var(--wz-primary-dark);
}

.btn-outline-primary {
    color: var(--wz-primary);
    border-color: var(--wz-primary);
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
    background-color: var(--wz-primary);
    border-color: var(--wz-primary);
    color: #fff;
}

/* Backgrounds & text */
.bg-primary {
    background-color: var(--wz-primary) !important;
}
.text-primary {
    color: var(--wz-primary) !important;
}

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

/* Form focus */
.form-control:focus,
.form-select:focus {
    border-color: var(--wz-primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--wz-primary-rgb), 0.25);
}
.form-check-input:checked {
    background-color: var(--wz-primary);
    border-color: var(--wz-primary);
}

/* Pagination */
.page-link {
    color: var(--wz-primary);
}
.page-item.active .page-link {
    background-color: var(--wz-primary);
    border-color: var(--wz-primary);
}

/* Nav */
.nav-link.active,
.nav-pills .nav-link.active {
    background-color: var(--wz-primary);
}
.nav-tabs .nav-link.active {
    color: var(--wz-primary);
    border-bottom-color: var(--wz-primary);
}

/* Progress bar */
.progress-bar {
    background-color: var(--wz-primary);
}

/* ─────────────────────────────────────────────
   Badge classes (moved from main.php inline)
   ───────────────────────────────────────────── */
.badge-success { background: #d4edda; color: #155724; }
.badge-warning { background: #fff3cd; color: #856404; }
.badge-danger  { background: #f8d7da; color: #721c24; }
.badge-info    { background: #d1ecf1; color: #0c5460; }
.badge-secondary { background: #e9ecef; color: #495057; }