/* ─── Zone: Advisors — مشاوران ─── */
.zone-advisors {
    /* === Light mode (default) === */
    /* Brand / accent */
    --mk-primary: #8b5cf6;
    --mk-primary-dark: #7c3aed;
    --mk-primary-soft: rgba(139, 92, 246, 0.12);
    --mk-primary-soft-header: rgba(139, 92, 246, 0.08);
    --mk-primary-soft-background: #f5f3ff;

    /* Surfaces */
    --mk-surface: #faf5ff;
    --mk-surface-2: #f5f3ff;
    --mk-surface-3: #ffffff;
    --mk-surface-4: #ddd6fe7d;
    --mk-surface-5: #c4b5fd4d;

    /* Borders */
    --mk-border: #ddd6fe;

    /* Text */
    --mk-text: #1e1b4b;
    --mk-text-2: #f8fafc;
    --mk-muted: #64748b;
    --mk-muted-Text: #7c3aed;

    /* Semantic */
    --mk-success: #059669;
    --mk-online: #10b981;
    --mk-danger: #dc2626;
    --mk-danger-soft: rgba(220, 38, 38, 0.1);
    --mk-warning: #d97706;
    --mk-warning-soft: rgba(217, 119, 6, 0.12);
    --mk-info-soft: rgba(139, 92, 246, 0.12);
    --mk-star: #d97706;
    --mk-page-bg: linear-gradient(165deg, #faf5ff 0%, #f5f3ff 42%, #eef2ff 100%);

    /* Buttons */
    --mk-btn1: #7c3aed;
    --mk-btn1-H: #6d28d9;
    --mk-btn-text: #ffffff;

    /* Radius / Shadows / Ease */
    --mk-radius: 12px;
    --mk-radius-lg: 18px;
    --mk-shadow-sm: 0 1px 2px rgba(30, 27, 75, 0.06);
    --mk-shadow: 0 4px 20px rgba(139, 92, 246, 0.12);
    --mk-shadow-lg: 0 16px 40px rgba(139, 92, 246, 0.18);
    --mk-ease: cubic-bezier(0.22, 1, 0.36, 1);

    /* Zone fonts */
    --zone-font-display: 'Diaplo', 'Mikhak-R', sans-serif;
    --zone-font-body: 'Mikhak-R', sans-serif;
}

/* ─── Dark mode ─── */
[data-theme="dark"] .zone-advisors {
    /* Brand / accent */
    --mk-primary: #a78bfa;
    --mk-primary-dark: #8b5cf6;
    --mk-primary-soft: rgba(139, 92, 246, 0.2);
    --mk-primary-soft-header: rgba(139, 92, 246, 0.15);
    --mk-primary-soft-background: #1e1b4b;

    /* Surfaces */
    --mk-surface: #16132e;
    --mk-surface-2: #12101f;
    --mk-surface-3: #1c1836;
    --mk-surface-4: #4338ca4d;
    --mk-surface-5: #3730a37d;

    /* Borders */
    --mk-border: #3b3570;

    /* Text — muted must stay cool indigo/slate, never muddy brown */
    --mk-text: #f8fafc;
    --mk-text-2: #e0e7ff;
    --mk-muted: #b4b9d4;
    --mk-muted-Text: #c4b5fd;

    /* Semantic */
    --mk-success: #34d399;
    --mk-online: #34d399;
    --mk-danger: #f87171;
    --mk-danger-soft: rgba(248, 113, 113, 0.14);
    --mk-warning: #fbbf24;
    --mk-warning-soft: rgba(251, 191, 36, 0.14);
    --mk-info-soft: rgba(167, 139, 250, 0.16);
    --mk-star: #fbbf24;
    --mk-page-bg: linear-gradient(165deg, #0c0a14 0%, #16132e 48%, #1a1638 100%);

    /* Buttons */
    --mk-btn1: #8b5cf6;
    --mk-btn1-H: #a78bfa;
    --mk-btn-text: #ffffff;

    /* Radius / Shadows / Ease (structural) */
    --mk-radius: 12px;
    --mk-radius-lg: 18px;
    --mk-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --mk-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    --mk-shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.4);
    --mk-ease: cubic-bezier(0.22, 1, 0.36, 1);

    /* Zone fonts */
    --zone-font-display: 'Diaplo', 'Mikhak-R', sans-serif;
    --zone-font-body: 'Mikhak-R', sans-serif;
}