/* MESIGO ERP - Centralized Enterprise Design System variables */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
    --erp-primary: #1b4d3e;
    --erp-secondary: #4a5568;
    --erp-accent: #f97316;
    --erp-success: #10b981;
    --erp-warning: #f59e0b;
    --erp-danger: #ef4444;
    --erp-info: #3b82f6;
    
    --erp-bg-light: #f8fafc;
    --erp-sidebar-bg: #0f172a;
    --erp-sidebar-hover: #1e293b;
    --erp-sidebar-active: #1b4d3e;
    --erp-sidebar-text: #94a3b8;
    
    --erp-border-radius: 0.5rem;
    --erp-shadow: 0 4px 6px -1px rgba(0,0,0,0.05), 0 2px 4px -1px rgba(0,0,0,0.025);
    --erp-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--erp-bg-light);
    color: #1e293b;
}

/* Custom Overrides for Bootstrap buttons & badges */
.btn {
    border-radius: var(--erp-border-radius);
    font-weight: 500;
    transition: var(--erp-transition);
}

.btn-primary {
    background-color: var(--erp-primary) !important;
    border-color: var(--erp-primary) !important;
    color: #fff !important;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #123329 !important;
    border-color: #123329 !important;
    box-shadow: 0 0 0 0.25rem rgba(27, 77, 62, 0.25) !important;
}

.btn-secondary {
    background-color: var(--erp-secondary) !important;
    border-color: var(--erp-secondary) !important;
}

.btn-secondary:hover {
    background-color: #333d4f !important;
    border-color: #333d4f !important;
}

.btn-success {
    background-color: var(--erp-success) !important;
    border-color: var(--erp-success) !important;
}

.btn-warning {
    background-color: var(--erp-warning) !important;
    border-color: var(--erp-warning) !important;
    color: #fff !important;
}

.btn-danger {
    background-color: var(--erp-danger) !important;
    border-color: var(--erp-danger) !important;
}

.btn-info {
    background-color: var(--erp-info) !important;
    border-color: var(--erp-info) !important;
    color: #fff !important;
}

/* Accent alerts and text */
.text-primary {
    color: var(--erp-primary) !important;
}

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

.badge {
    padding: 0.35em 0.65em;
    font-weight: 600;
    border-radius: 4px;
}

.badge-active { background-color: var(--erp-success); color: #fff; }
.badge-inactive { background-color: var(--erp-secondary); color: #fff; }
.badge-draft { background-color: #e2e8f0; color: #475569; }
.badge-pending { background-color: var(--erp-warning); color: #fff; }
.badge-approved { background-color: var(--erp-info); color: #fff; }
.badge-rejected { background-color: var(--erp-danger); color: #fff; }
.badge-completed { background-color: var(--erp-primary); color: #fff; }
.badge-cancelled { background-color: #1e293b; color: #fff; }

/* Dashboard Widget enhancements */
.widget {
    border-radius: var(--erp-border-radius);
    box-shadow: var(--erp-shadow);
    transition: var(--erp-transition);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.widget:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
}

.widget-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--erp-border-radius);
}