:root {
    /* رنگ‌های اصلی */
    --mk-primary-color: #6500FF;       /* رنگ اصلی */
    --mk-secondary-color: #EDEAFF;    /* رنگ ثانویه */
    --mk-accent-color: #FF8C00;       /* رنگ برجسته */
    --mk-background-color: #ffffff;   /* رنگ پس‌زمینه اصلی */
    --mk-background-secondary: #f4f4f4; /* رنگ پس‌زمینه فرعی */
    --mk-text-color: #5d5d5d;         /* رنگ متن اصلی */
    --mk-text-muted: #666666;         /* رنگ متن کم‌رنگ */
    --mk-border-color: #ccc;       /* رنگ حاشیه‌ها */
    --mk-shadow-color: rgba(0, 0, 0, 0.1); /* رنگ سایه‌ها */
    --mkz-fa-font-family: 'Font Awesome 5 Free';

    /* رنگ‌های وضعیت */
    --mk-success-color: #3bb77e;      /* موفقیت */
    --mk-error-color: #f44336;        /* خطا */
    --mk-success-light-color:rgb(0, 255, 8);      /* موفقیت */
    --mk-error-light-color:rgb(255, 130, 130);        /* خطا */
    --mk-warning-color: #ff9800;      /* هشدار */
    --mk-info-color: #2196f3;         /* اطلاعات */

    /* فونت‌ها */
    --mk-font-family-primary: Roboto, sans-serif; /* فونت اصلی */
    --mk-font-family-secondary: Open Sans, sans-serif; /* فونت ثانویه */

    /* اندازه‌های متن */
    --mk-font-size-base: 13px;        /* اندازه پایه متن */
    --mk-font-size-small: 12px;       /* متن کوچک */
    --mk-font-size-large: 18px;       /* متن بزرگ */
    --mk-font-size-h1: 19px;        /* اندازه H1 */
    --mk-font-size-h2: 17px;          /* اندازه H2 */
    --mk-font-size-h3: 15px;       /* اندازه H3 */
    --mk-font-size-h4: 14px;        /* اندازه H4 */
    --mk-font-size-h5: 13px;       /* اندازه H5 */
    --mk-font-size-h6: 12px;          /* اندازه H6 */

    /* فواصل */
    --mk-spacing-small: 8px;          /* فاصله کوچک */
    --mk-spacing-base: 16px;          /* فاصله پایه */
    --mk-spacing-large: 24px;         /* فاصله بزرگ */
    --mk-spacing-xlarge: 32px;        /* فاصله خیلی بزرگ */

    /* شعاع گوشه‌ها */
    --mk-border-radius-small: 4px;    /* گوشه گرد کوچک */
    --mk-border-radius-base: 8px;     /* گوشه گرد پایه */
    --mk-border-radius-large: 12px;   /* گوشه گرد بزرگ */

    /* سایه‌ها */
    --mk-box-shadow-base: 0 4px 6px var(--shadow-color); /* سایه پایه */
    --mk-box-shadow-hover: 0 6px 10px var(--shadow-color); /* سایه هنگام هاور */

    /* عرض‌ها */
    --mk-container-width-sm: 540px;   /* عرض کوچک */
    --mk-container-width-md: 720px;   /* عرض متوسط */
    --mk-container-width-lg: 960px;   /* عرض بزرگ */
    --mk-container-width-xl: 1140px;  /* عرض خیلی بزرگ */

    /* زمان‌های انیمیشن */
    --mk-transition-speed: 0.3s;      /* سرعت انیمیشن پایه */
    --mk-transition-ease: ease-in-out; /* نوع انیمیشن */

    /* رنگ‌های اضافه برای تم‌های روشن و تیره */
    --mk-light-mode-background: #ffffff;
    --mk-light-mode-text: #333333;
    --mk-dark-mode-background: #121212;
    --mk-dark-mode-text: #f5f5f5;
}