/*
 * Almuslimu theme tokens.
 * A custom theme can override only these variables and keep the CRM structure intact.
 */
:root {
    --alm-color-primary: #0d6efd;
    --alm-color-primary-hover: #0b5ed7;
    --alm-color-primary-soft: #eaf2ff;
    --alm-color-success: #12a05c;
    --alm-color-warning: #ffc107;
    --alm-color-danger: #dc3545;
    --alm-color-info: #0dcaf0;

    --alm-bg-body: #f4f7fb;
    --alm-bg-sidebar: #ffffff;
    --alm-bg-header: #ffffff;
    --alm-bg-card: #ffffff;
    --alm-bg-muted: #f8f9fb;

    --alm-text-main: #1f2937;
    --alm-text-muted: #6b7280;
    --alm-border-color: #e5e7eb;

    --alm-sidebar-link: #5f6f82;
    --alm-sidebar-link-hover: #0d6efd;
    --alm-sidebar-active-bg: #eaf2ff;
    --alm-sidebar-active-color: #0d6efd;

    --alm-radius-sm: .65rem;
    --alm-radius-md: 1rem;
    --alm-radius-lg: 1.35rem;
    --alm-radius-pill: 999px;

    --alm-shadow-sm: 0 6px 18px rgba(15, 23, 42, .06);
    --alm-shadow-md: 0 14px 35px rgba(15, 23, 42, .10);
    --alm-shadow-lg: 0 24px 70px rgba(15, 23, 42, .14);

    --alm-font-family: "Inter", sans-serif;

    --bs-primary: var(--alm-color-primary);
    --bs-success: var(--alm-color-success);
    --bs-warning: var(--alm-color-warning);
    --bs-danger: var(--alm-color-danger);
    --bs-info: var(--alm-color-info);
}

body {
    background: var(--alm-bg-body);
    color: var(--alm-text-main);
    font-family: var(--alm-font-family);
}

.sidebar,
.admin-sidebar {
    background: var(--alm-bg-sidebar);
}

.nav-link,
.admin-link {
    color: var(--alm-sidebar-link);
    border-radius: var(--alm-radius-sm);
}

.nav-link:hover,
.admin-link:hover {
    color: var(--alm-sidebar-link-hover);
}

.nav-link.active,
.admin-link.active {
    background: var(--alm-sidebar-active-bg);
    color: var(--alm-sidebar-active-color);
}

.card,
.modal-content,
.dropdown-menu,
.mobile-header-bar,
.admin-header {
    background: var(--alm-bg-card);
    border-color: var(--alm-border-color);
    border-radius: var(--alm-radius-md);
    box-shadow: var(--alm-shadow-sm);
}

.btn-primary {
    --bs-btn-bg: var(--alm-color-primary);
    --bs-btn-border-color: var(--alm-color-primary);
    --bs-btn-hover-bg: var(--alm-color-primary-hover);
    --bs-btn-hover-border-color: var(--alm-color-primary-hover);
    border-radius: var(--alm-radius-pill);
}

.text-primary {
    color: var(--alm-color-primary) !important;
}

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

.badge.bg-primary,
.badge.text-bg-primary {
    background-color: var(--alm-color-primary) !important;
}

.table {
    --bs-table-bg: var(--alm-bg-card);
    --bs-table-border-color: var(--alm-border-color);
}

.table-light {
    --bs-table-bg: var(--alm-bg-muted);
}

.form-control,
.form-select {
    border-color: var(--alm-border-color);
    border-radius: var(--alm-radius-sm);
}

.bottom-nav {
    background: var(--alm-bg-card);
    border-color: var(--alm-border-color);
    box-shadow: var(--alm-shadow-md);
}

.floating-btn {
    background: var(--alm-color-primary);
    box-shadow: var(--alm-shadow-md);
}