:root {
    --saas-primary: #7c3aed;
    --saas-primary-dark: #6d28d9;
    --saas-secondary: #06d6a0;
    --saas-accent: #ff6b6b;
    --saas-primary-rgb: 124, 58, 237;
    --saas-secondary-rgb: 6, 214, 160;
    --saas-accent-rgb: 255, 107, 107;
    --saas-primary-soft: #ede9fe;
    --saas-secondary-soft: #d1fae5;
    --saas-gradient: linear-gradient(135deg, #7c3aed 0%, #06d6a0 55%, #ff6b6b 100%);
    --saas-cta-gradient: linear-gradient(135deg, #7c3aed 0%, #9333ea 50%, #6d28d9 100%);
    --saas-mesh-1: rgba(124, 58, 237, 0.38);
    --saas-mesh-2: rgba(6, 214, 160, 0.32);
    --saas-ring: rgba(124, 58, 237, 0.22);
}

/* شعار مخزون */
.mkh-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.mkh-brand:hover {
    opacity: 0.9;
    color: inherit;
}

.mkh-brand__icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--saas-primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    flex-shrink: 0;
    box-shadow: 0 4px 14px rgba(var(--saas-primary-rgb), 0.3);
}

.mkh-brand__text {
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--saas-primary);
    letter-spacing: -0.02em;
}

.text-indigo-600,
.text-indigo-500,
.hover\:text-indigo-600:hover,
.hover\:text-indigo-500:hover {
    color: var(--saas-primary) !important;
}

.text-indigo-300 { color: rgba(var(--saas-primary-rgb), 0.45) !important; }

.text-emerald-600,
.text-emerald-500,
.text-emerald-800 {
    color: var(--saas-secondary) !important;
}

.bg-indigo-100,
.from-indigo-100 {
    background-color: var(--saas-primary-soft) !important;
}

.bg-emerald-100,
.from-emerald-100,
.to-emerald-100 {
    background-color: var(--saas-secondary-soft) !important;
}

.bg-emerald-50 {
    background-color: rgba(var(--saas-secondary-rgb), 0.12) !important;
}

.border-emerald-200 {
    border-color: rgba(var(--saas-secondary-rgb), 0.35) !important;
}

.bg-emerald-500,
.bg-emerald-300 {
    background-color: var(--saas-secondary) !important;
}

.from-indigo-500 { --tw-gradient-from: var(--saas-primary) !important; }
.to-indigo-600 { --tw-gradient-to: var(--saas-primary-dark) !important; }
.from-indigo-600 { --tw-gradient-from: var(--saas-primary) !important; }
.to-indigo-500 { --tw-gradient-to: var(--saas-primary) !important; }

.bg-gradient-to-br.from-indigo-500.to-indigo-600 {
    background-image: var(--saas-cta-gradient) !important;
}

.bg-gradient-to-l.from-indigo-600.to-indigo-500 {
    background-image: linear-gradient(to left, var(--saas-primary), var(--saas-primary-dark)) !important;
}

.shadow-indigo-500\/25 {
    --tw-shadow-color: rgba(var(--saas-primary-rgb), 0.25);
}

.text-indigo-600.focus\:ring-indigo-500:focus {
    --tw-ring-color: var(--saas-primary);
}