/* =========================================================
   تم تیره iCh
   کاربرد:
   مقداردهی تمام رنگ‌ها و سایه‌های رابط NewUi در حالت تیره.

   فعال‌سازی:
   <html data-ich-theme="dark">

   قانون:
   هر توکن رنگی جدید باید هم‌زمان در ich-theme-light.css نیز تعریف شود.
   ========================================================= */
html[data-ich-theme="dark"] {
    color-scheme: dark;
    --ich-color-primary: #8c98ff;
    --ich-color-primary-strong: #b2b9ff;
    --ich-color-primary-soft: #292f57;
    --ich-color-primary-border: #404a83;
    --ich-color-on-primary: #141827;
    --ich-color-text: #eef1f8;
    --ich-color-text-muted: #aab3c6;
    --ich-color-text-soft: #7f899e;
    --ich-color-border: #30384a;
    --ich-color-border-strong: #3c465b;
    --ich-color-page: #151922;
    --ich-color-surface: #1d2330;
    --ich-color-surface-soft: #242b39;
    --ich-color-main-menu: #202735;
    --ich-color-main-menu-hover: #2a3242;
    --ich-color-disabled: #252b38;
    --ich-color-disabled-text: #687286;
    --ich-color-yellow: #ffd84a;
    --ich-color-yellow-soft: #3a3212;
    --ich-color-orange: #ff9a45;
    --ich-color-orange-soft: #3f2918;
    --ich-color-warning: #ffc464;
    --ich-color-warning-strong: #ffd794;
    --ich-color-warning-soft: #3b2d16;
    --ich-color-on-warning: #201607;
    --ich-color-secondary: #aab3c6;
    --ich-color-secondary-strong: #d0d6e2;
    --ich-color-secondary-soft: #2a3140;
    --ich-color-neutral: #aeb7c8;
    --ich-color-neutral-strong: #d5dbe6;
    --ich-color-neutral-soft: #292f3d;
    --ich-color-info: #72b9ff;
    --ich-color-info-strong: #a9d4ff;
    --ich-color-info-soft: #18324a;
    --ich-color-on-info: #102030;
    --ich-color-success: #55d890;
    --ich-color-success-strong: #84e8ae;
    --ich-color-success-soft: #173828;
    --ich-color-danger: #ff7888;
    --ich-color-danger-strong: #ffadb6;
    --ich-color-danger-soft: #432129;
    --ich-overlay: rgba(0, 0, 0, 0.64);
    --ich-shadow-card: 0 12px 32px rgba(0, 0, 0, 0.24);
    --ich-shadow-sidebar: -8px 0 28px rgba(0, 0, 0, 0.24);
    --ich-shadow-brand: 0 9px 20px rgba(140, 152, 255, 0.22);
    --ich-shadow-active: 0 8px 18px rgba(140, 152, 255, 0.18);

    --ich-card-surface: #1d2330;
    --ich-card-surface-soft: #242b39;
    --ich-card-border: #30384a;
    --ich-card-header-border: #2b3343;
    --ich-card-footer-surface: #202734;
    --ich-stat-primary-soft: #292f57;
    --ich-stat-secondary-soft: #2a3140;
    --ich-stat-neutral-soft: #292f3d;
    --ich-stat-info-soft: #18324a;
    --ich-stat-success-soft: #173828;
    --ich-stat-yellow-soft: #3a3212;
    --ich-stat-orange-soft: #3f2918;
    --ich-stat-warning-soft: #3b2d16;
    --ich-stat-danger-soft: #432129;
}

html[data-ich-theme="dark"] {
    --ich-toolbar-surface: #1d2330;
    --ich-toolbar-surface-soft: #242b39;
    --ich-toolbar-border: #30384a;
    --ich-toolbar-divider: #2b3343;
}

/* =========================================================
   توکن‌های رنگی Form، Input و Textarea در تم تیره
   کاربرد:
   رنگ قاب، عنوان، متن، Focus، Success، Error و حالت‌های غیرفعال.

   نمونه استفاده:
   border-color: var(--ich-field-border-focus);
   ========================================================= */
html[data-ich-theme="dark"] {
    --ich-field-surface: #1d2330;
    --ich-field-label-surface: #242b39;
    --ich-field-border: #3a4559;
    --ich-field-border-hover: #526079;
    --ich-field-border-focus: #8c98ff;
    --ich-field-text: #eef1f8;
    --ich-field-placeholder: #7f899e;
    --ich-field-label-text: #d6dce8;
    --ich-field-help-text: #aab3c6;
    --ich-field-disabled-surface: #252b38;
    --ich-field-readonly-surface: #242b39;
    --ich-field-success: #55d890;
    --ich-field-success-soft: #173828;
    --ich-field-error: #ff7888;
    --ich-field-error-soft: #432129;
    --ich-field-focus-ring: rgba(140, 152, 255, 0.18);
}

/* =========================================================
   توکن‌های رنگی Select و Dropdown در تم تیره
   کاربرد:
   رنگ فلش، سطح منو، آیتم‌ها، Hover و آیتم خطر.
   ========================================================= */
html[data-ich-theme="dark"] {
    --ich-select-chevron: #d0d6e2;
    --ich-dropdown-surface: #202734;
    --ich-dropdown-border: #30384a;
    --ich-dropdown-text: #eef1f8;
    --ich-dropdown-muted: #aab3c6;
    --ich-dropdown-hover: #2a3242;
    --ich-dropdown-divider: #30384a;
    --ich-dropdown-danger: #ff7888;
    --ich-dropdown-danger-hover: #432129;
    --ich-dropdown-shadow: 0 16px 38px rgba(0, 0, 0, 0.34);
}

/* =========================================================
   توکن‌های رنگی Checkbox، RadioButton و Switch در تم تیره
   کاربرد:
   رنگ کنترل عادی، انتخاب‌شده، Focus، Error و Disabled.
   ========================================================= */
html[data-ich-theme="dark"] {
    --ich-choice-surface: #1d2330;
    --ich-choice-border: #526079;
    --ich-choice-border-hover: #74829b;
    --ich-choice-active: #8c98ff;
    --ich-choice-on-active: #151922;
    --ich-choice-text: #eef1f8;
    --ich-choice-description: #aab3c6;
    --ich-choice-disabled: #252b38;
    --ich-choice-disabled-text: #687286;
    --ich-choice-error: #ff7888;
    --ich-choice-focus-ring: rgba(140, 152, 255, 0.2);
}

/* =========================================================
   رنگ‌های تم تیره: تقویم و ساعت شمسی iCh
   ========================================================= */
html[data-ich-theme="dark"] {
    --ich-datetime-surface: #202637;
    --ich-datetime-border: #3b455c;
    --ich-datetime-text: #f2f5fb;
    --ich-datetime-muted: #a8b1c3;
    --ich-datetime-hover: #30394f;
    --ich-datetime-primary: #8190ff;
    --ich-datetime-on-primary: #111625;
    --ich-datetime-today-border: #8190ff;
    --ich-datetime-disabled: #667086;
    --ich-datetime-shadow: 0 18px 48px rgba(0, 0, 0, 0.38);
}

/* =========================================================
   توکن‌های رنگی Filter Panel در تم تیره
   کاربرد:
   سطح، حاشیه، عنوان، توضیح و حالت Hover پنل فیلتر.
   ========================================================= */
html[data-ich-theme="dark"] {
    --ich-filter-surface: #1d2330;
    --ich-filter-surface-soft: #242b39;
    --ich-filter-border: #30384a;
    --ich-filter-text: #eef1f8;
    --ich-filter-muted: #aab3c6;
    --ich-filter-icon-surface: #292f57;
    --ich-filter-icon: #8c98ff;
    --ich-filter-hover: #2a3242;
    --ich-filter-divider: #30384a;
}

/* =========================================================
   توکن‌های رنگی Feedback در تم تیره
   کاربرد:
   Alert، Inline Message و Toast با نقش‌های Neutral، Info، Success، Warning و Danger.
   ========================================================= */
html[data-ich-theme="dark"] {
    --ich-feedback-neutral: #b0bacb;
    --ich-feedback-neutral-soft: #252c39;
    --ich-feedback-neutral-border: #3b4557;
    --ich-feedback-info: #82b7ff;
    --ich-feedback-info-soft: #1c304a;
    --ich-feedback-info-border: #31557d;
    --ich-feedback-success: #65d59a;
    --ich-feedback-success-soft: #19382a;
    --ich-feedback-success-border: #2f6548;
    --ich-feedback-warning: #f0bf64;
    --ich-feedback-warning-soft: #3d301a;
    --ich-feedback-warning-border: #6b5226;
    --ich-feedback-danger: #ff8493;
    --ich-feedback-danger-soft: #442229;
    --ich-feedback-danger-border: #733844;
    --ich-feedback-text: #eef1f8;
    --ich-feedback-muted: #aab3c6;
    --ich-feedback-surface: #202734;
    --ich-feedback-shadow: 0 18px 42px rgba(0, 0, 0, 0.38);

    --ich-tabs-surface: #202638;
    --ich-tabs-surface-soft: #292f42;
    --ich-tabs-border: #3a4359;
    --ich-tabs-text: #aeb7ca;
    --ich-tabs-text-active: #b2b9ff;
    --ich-tabs-active: #30384d;
    --ich-tabs-active-soft: #292f57;
    --ich-tabs-hover: #2b3246;
    --ich-tabs-focus: rgba(140, 152, 255, 0.34);
    --ich-tabs-disabled: #70798d;
    --ich-tabs-shadow: 0 6px 18px rgba(0, 0, 0, 0.24);
}

/* =========================================================
   توکن‌های رنگی Loading، Skeleton و Progress در تم تیره
   کاربرد:
   رنگ Spinner، Skeleton، Overlay و Progress در همه حالت‌ها.
   ========================================================= */
html[data-ich-theme="dark"] {
    --ich-loading-text: #b5bed0;
    --ich-loading-indicator: #8c98ff;
    --ich-loading-overlay: rgba(29, 35, 48, 0.88);
    --ich-skeleton-base: #2a3242;
    --ich-skeleton-highlight: #394359;
    --ich-progress-track: #30384a;
    --ich-progress-primary: #8c98ff;
    --ich-progress-info: #82b7ff;
    --ich-progress-success: #65d59a;
    --ich-progress-warning: #f0bf64;
    --ich-progress-danger: #ff8493;
    --ich-progress-neutral: #9aa5b9;
    --ich-progress-text: #d6dce8;
    --ich-demo-result-surface: #242b39;
    --ich-demo-result-border: #30384a;
    --ich-demo-result-text: #d6dce8;
}

/* =========================================================
   توکن‌های رنگی Modal و Confirm Dialog در تم تیره
   نام توکن‌ها با تم روشن یکسان است و فقط مقدارها تفاوت دارند.
   ========================================================= */
html[data-ich-theme="dark"] {
    --ich-modal-backdrop: rgba(6, 10, 18, 0.72);
    --ich-modal-surface: #202633;
    --ich-modal-surface-soft: #252d3b;
    --ich-modal-border: #323b4d;
    --ich-modal-text: #eef2f8;
    --ich-modal-text-muted: #a8b2c5;
    --ich-modal-shadow: 0 28px 80px rgba(0, 0, 0, 0.46);
    --ich-modal-neutral: #a2acbe;
    --ich-modal-neutral-soft: #2c3442;
    --ich-modal-info: #82b7ff;
    --ich-modal-info-soft: #23364d;
    --ich-modal-success: #65d59a;
    --ich-modal-success-soft: #203a30;
    --ich-modal-warning: #f0bf64;
    --ich-modal-warning-soft: #40351f;
    --ich-modal-danger: #ff8493;
    --ich-modal-danger-soft: #46262e;
}

/* =========================================================
   توکن‌های رنگی Tooltip و Popover در تم تیره
   کاربرد:
   رنگ Tooltipهای معنایی و سطح Popover مرکزی.
   ========================================================= */
html[data-ich-theme="dark"] {
    --ich-tooltip-dark-bg: #eff3fb;
    --ich-tooltip-dark-text: #171c27;
    --ich-tooltip-light-bg: #252d3d;
    --ich-tooltip-light-text: #edf2fb;
    --ich-tooltip-light-border: #3b465a;
    --ich-tooltip-info-bg: #3e83d8;
    --ich-tooltip-info-text: #ffffff;
    --ich-tooltip-warning-bg: #b9842d;
    --ich-tooltip-warning-text: #17130c;
    --ich-tooltip-success-bg: #47a86a;
    --ich-tooltip-success-text: #ffffff;
    --ich-tooltip-danger-bg: #d65061;
    --ich-tooltip-danger-text: #ffffff;
    --ich-tooltip-shadow: 0 10px 28px rgba(0, 0, 0, 0.34);
    --ich-popover-surface: #202735;
    --ich-popover-surface-soft: #272f3e;
    --ich-popover-border: #394457;
    --ich-popover-text: #edf2fb;
    --ich-popover-muted: #a7b2c4;
    --ich-popover-icon-surface: #30395b;
    --ich-popover-icon: #9eaaff;
    --ich-popover-shadow: 0 20px 52px rgba(0, 0, 0, 0.38);
}

/* =========================================================
   توکن‌های رنگی Accordion و Collapse در تم تیره
   ========================================================= */
html[data-ich-theme="dark"] {
    --ich-accordion-surface: #1d2330;
    --ich-accordion-surface-hover: #242b39;
    --ich-accordion-surface-open: #252c40;
    --ich-accordion-border: #30384a;
    --ich-accordion-title: #eef1f8;
    --ich-accordion-description: #aab3c6;
    --ich-accordion-icon-surface: #292f57;
    --ich-accordion-icon-text: #8c98ff;
    --ich-accordion-chevron: #aab3c6;
    --ich-accordion-disabled-surface: #252b38;
    --ich-accordion-focus-ring: rgba(140, 152, 255, 0.20);
}

/* =========================================================
   توکن‌های File Upload و Stepper/Wizard در تم تیره
   ========================================================= */
html[data-ich-theme="dark"] {
    --ich-file-upload-surface: #202633;
    --ich-file-upload-soft: #252c3a;
    --ich-file-upload-border: #3a4558;
    --ich-file-upload-drag: #30385b;
    --ich-file-upload-text: #eef2f8;
    --ich-file-upload-muted: #a8b2c3;
    --ich-file-upload-error: #ff7180;
    --ich-file-upload-success: #4fd58a;
    --ich-stepper-line: #3c4658;
    --ich-stepper-pending: #8490a4;
    --ich-stepper-current: #8390ff;
    --ich-stepper-completed: #4fd58a;
    --ich-stepper-error: #ff7180;
    --ich-stepper-disabled: #566174;
}

/* =========================================================
   توکن‌های Ajax Infrastructure در تم تیره
   کاربرد:
   Overlay موقت Region هنگام درخواست Ajax و نمایش نتیجه تست‌ها.
   ========================================================= */
html[data-ich-theme="dark"] {
    --ich-ajax-loading-backdrop: rgba(25, 31, 42, 0.84);
    --ich-ajax-demo-surface: #252c3a;
    --ich-ajax-demo-border: #3a4558;
    --ich-ajax-demo-text: #eef2f8;
    --ich-ajax-demo-muted: #a8b2c3;
}