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

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

   قانون:
   هر توکن رنگی جدید باید هم‌زمان در ich-theme-dark.css نیز تعریف شود.
   ========================================================= */
html[data-ich-theme="light"] {
    color-scheme: light;
    --ich-color-primary: #4658d8;
    --ich-color-primary-strong: #3545bb;
    --ich-color-primary-soft: #eef0ff;
    --ich-color-primary-border: #d9ddff;
    --ich-color-on-primary: #ffffff;
    --ich-color-text: #172033;
    --ich-color-text-muted: #748096;
    --ich-color-text-soft: #9aa4b5;
    --ich-color-border: #e2e7ef;
    --ich-color-border-strong: #d4dae5;
    --ich-color-page: #f4f6fa;
    --ich-color-surface: #ffffff;
    --ich-color-surface-soft: #f8fafc;
    --ich-color-main-menu: #edf1f7;
    --ich-color-main-menu-hover: #e4e9f3;
    --ich-color-disabled: #f1f3f6;
    --ich-color-disabled-text: #a8b0bd;
    --ich-color-yellow: #d6a900;
    --ich-color-yellow-soft: #fff9d9;
    --ich-color-orange: #e47a16;
    --ich-color-orange-soft: #fff1e4;
    --ich-color-warning: #b96b00;
    --ich-color-warning-strong: #925500;
    --ich-color-warning-soft: #fff7e8;
    --ich-color-on-warning: #ffffff;
    --ich-color-secondary: #596579;
    --ich-color-secondary-strong: #465165;
    --ich-color-secondary-soft: #eef1f5;
    --ich-color-neutral: #566074;
    --ich-color-neutral-strong: #424b5d;
    --ich-color-neutral-soft: #f0f2f5;
    --ich-color-info: #1976c9;
    --ich-color-info-strong: #125fA4;
    --ich-color-info-soft: #eaf5ff;
    --ich-color-on-info: #ffffff;
    --ich-color-success: #169b55;
    --ich-color-success-strong: #0f7e44;
    --ich-color-success-soft: #e8f8ef;
    --ich-color-danger: #e14455;
    --ich-color-danger-strong: #bd2f40;
    --ich-color-danger-soft: #fff0f2;
    --ich-overlay: rgba(20, 27, 43, 0.46);
    --ich-shadow-card: 0 10px 28px rgba(28, 39, 63, 0.06);
    --ich-shadow-sidebar: -8px 0 28px rgba(27, 36, 60, 0.07);
    --ich-shadow-brand: 0 9px 20px rgba(70, 88, 216, 0.24);
    --ich-shadow-active: 0 8px 18px rgba(70, 88, 216, 0.20);

    --ich-card-surface: #ffffff;
    --ich-card-surface-soft: #f7f9fc;
    --ich-card-border: #e1e6ef;
    --ich-card-header-border: #edf0f5;
    --ich-card-footer-surface: #fafbfd;
    --ich-stat-primary-soft: #eef0ff;
    --ich-stat-secondary-soft: #eef1f5;
    --ich-stat-neutral-soft: #f0f2f5;
    --ich-stat-info-soft: #eaf5ff;
    --ich-stat-success-soft: #e8f8ef;
    --ich-stat-yellow-soft: #fff9d9;
    --ich-stat-orange-soft: #fff1e4;
    --ich-stat-warning-soft: #fff7e8;
    --ich-stat-danger-soft: #fff0f2;
}

html[data-ich-theme="light"] {
    --ich-toolbar-surface: #ffffff;
    --ich-toolbar-surface-soft: #f7f9fc;
    --ich-toolbar-border: #e1e6ef;
    --ich-toolbar-divider: #edf0f5;
}

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

   نمونه استفاده:
   border-color: var(--ich-field-border-focus);
   ========================================================= */
html[data-ich-theme="light"] {
    --ich-field-surface: #ffffff;
    --ich-field-label-surface: #f8fafc;
    --ich-field-border: #d8e1ef;
    --ich-field-border-hover: #b8c7dd;
    --ich-field-border-focus: #6978e7;
    --ich-field-text: #172033;
    --ich-field-placeholder: #a0a9b9;
    --ich-field-label-text: #344055;
    --ich-field-help-text: #748096;
    --ich-field-disabled-surface: #f1f3f6;
    --ich-field-readonly-surface: #f8fafc;
    --ich-field-success: #169b55;
    --ich-field-success-soft: #e8f8ef;
    --ich-field-error: #e14455;
    --ich-field-error-soft: #fff0f2;
    --ich-field-focus-ring: rgba(70, 88, 216, 0.14);
}

/* =========================================================
   توکن‌های رنگی Select و Dropdown در تم روشن
   کاربرد:
   رنگ فلش، سطح منو، آیتم‌ها، Hover و آیتم خطر.
   ========================================================= */
html[data-ich-theme="light"] {
    --ich-select-chevron: #465165;
    --ich-dropdown-surface: #ffffff;
    --ich-dropdown-border: #e1e6ef;
    --ich-dropdown-text: #172033;
    --ich-dropdown-muted: #748096;
    --ich-dropdown-hover: #f3f5f9;
    --ich-dropdown-divider: #edf0f5;
    --ich-dropdown-danger: #e14455;
    --ich-dropdown-danger-hover: #fff0f2;
    --ich-dropdown-shadow: 0 14px 34px rgba(28, 39, 63, 0.14);
}

/* =========================================================
   توکن‌های رنگی Checkbox، RadioButton و Switch در تم روشن
   کاربرد:
   رنگ کنترل عادی، انتخاب‌شده، Focus، Error و Disabled.
   ========================================================= */
html[data-ich-theme="light"] {
    --ich-choice-surface: #ffffff;
    --ich-choice-border: #cfd8e6;
    --ich-choice-border-hover: #9cabc0;
    --ich-choice-active: #4658d8;
    --ich-choice-on-active: #ffffff;
    --ich-choice-text: #172033;
    --ich-choice-description: #748096;
    --ich-choice-disabled: #edf0f4;
    --ich-choice-disabled-text: #a1a9b6;
    --ich-choice-error: #e14455;
    --ich-choice-focus-ring: rgba(70, 88, 216, 0.16);
}

/* =========================================================
   رنگ‌های تم روشن: تقویم و ساعت شمسی iCh
   ========================================================= */
html[data-ich-theme="light"] {
    --ich-datetime-surface: #ffffff;
    --ich-datetime-border: #d8e1ef;
    --ich-datetime-text: #172033;
    --ich-datetime-muted: #7a879c;
    --ich-datetime-hover: #f0f3ff;
    --ich-datetime-primary: #4658d8;
    --ich-datetime-on-primary: #ffffff;
    --ich-datetime-today-border: #4658d8;
    --ich-datetime-disabled: #c1c8d4;
    --ich-datetime-shadow: 0 18px 44px rgba(38, 50, 82, 0.18);
}

/* =========================================================
   توکن‌های رنگی Filter Panel در تم روشن
   کاربرد:
   سطح، حاشیه، عنوان، توضیح و حالت Hover پنل فیلتر.
   ========================================================= */
html[data-ich-theme="light"] {
    --ich-filter-surface: #ffffff;
    --ich-filter-surface-soft: #f8fafc;
    --ich-filter-border: #e1e6ef;
    --ich-filter-text: #172033;
    --ich-filter-muted: #748096;
    --ich-filter-icon-surface: #eef1ff;
    --ich-filter-icon: #4658d8;
    --ich-filter-hover: #f3f5f9;
    --ich-filter-divider: #edf0f5;
}

/* =========================================================
   توکن‌های رنگی Feedback در تم روشن
   کاربرد:
   Alert، Inline Message و Toast با نقش‌های Neutral، Info، Success، Warning و Danger.
   ========================================================= */
html[data-ich-theme="light"] {
    --ich-feedback-neutral: #5f6b7d;
    --ich-feedback-neutral-soft: #f2f4f7;
    --ich-feedback-neutral-border: #dce1e8;
    --ich-feedback-info: #2563c7;
    --ich-feedback-info-soft: #edf5ff;
    --ich-feedback-info-border: #c9defa;
    --ich-feedback-success: #16784a;
    --ich-feedback-success-soft: #ebf8f1;
    --ich-feedback-success-border: #bfe7d0;
    --ich-feedback-warning: #9a6410;
    --ich-feedback-warning-soft: #fff7e6;
    --ich-feedback-warning-border: #f2d59b;
    --ich-feedback-danger: #c93649;
    --ich-feedback-danger-soft: #fff0f2;
    --ich-feedback-danger-border: #f3c5cb;
    --ich-feedback-text: #172033;
    --ich-feedback-muted: #667287;
    --ich-feedback-surface: #ffffff;
    --ich-feedback-shadow: 0 16px 38px rgba(28, 39, 63, 0.16);

    --ich-tabs-surface: #ffffff;
    --ich-tabs-surface-soft: #f3f5f9;
    --ich-tabs-border: #e1e6ef;
    --ich-tabs-text: #68758a;
    --ich-tabs-text-active: #3545bb;
    --ich-tabs-active: #ffffff;
    --ich-tabs-active-soft: #eef0ff;
    --ich-tabs-hover: #f5f7fb;
    --ich-tabs-focus: rgba(70, 88, 216, 0.24);
    --ich-tabs-disabled: #a8b0bd;
    --ich-tabs-shadow: 0 5px 14px rgba(39, 50, 77, 0.08);
}

/* =========================================================
   توکن‌های رنگی Loading، Skeleton و Progress در تم روشن
   کاربرد:
   رنگ Spinner، Skeleton، Overlay و Progress در همه حالت‌ها.
   ========================================================= */
html[data-ich-theme="light"] {
    --ich-loading-text: #536075;
    --ich-loading-indicator: #4658d8;
    --ich-loading-overlay: rgba(255, 255, 255, 0.84);
    --ich-skeleton-base: #edf0f5;
    --ich-skeleton-highlight: #f8fafc;
    --ich-progress-track: #e8ecf3;
    --ich-progress-primary: #4658d8;
    --ich-progress-info: #2f7bd6;
    --ich-progress-success: #169b55;
    --ich-progress-warning: #d28a19;
    --ich-progress-danger: #e14455;
    --ich-progress-neutral: #7a879c;
    --ich-progress-text: #334055;
    --ich-demo-result-surface: #f8fafc;
    --ich-demo-result-border: #e1e6ef;
    --ich-demo-result-text: #334055;
}

/* =========================================================
   توکن‌های رنگی Modal و Confirm Dialog در تم روشن
   تمام رنگ‌های Modal فقط از این بخش تأمین می‌شوند.
   ========================================================= */
html[data-ich-theme="light"] {
    --ich-modal-backdrop: rgba(20, 27, 43, 0.52);
    --ich-modal-surface: #ffffff;
    --ich-modal-surface-soft: #f8fafc;
    --ich-modal-border: #e1e6ef;
    --ich-modal-text: #172033;
    --ich-modal-text-muted: #748096;
    --ich-modal-shadow: 0 24px 70px rgba(20, 27, 43, 0.22);
    --ich-modal-neutral: #596579;
    --ich-modal-neutral-soft: #eef1f5;
    --ich-modal-info: #1976c9;
    --ich-modal-info-soft: #eaf5ff;
    --ich-modal-success: #169b55;
    --ich-modal-success-soft: #e8f8ef;
    --ich-modal-warning: #b96b00;
    --ich-modal-warning-soft: #fff7e8;
    --ich-modal-danger: #e14455;
    --ich-modal-danger-soft: #fff0f2;
}

/* =========================================================
   توکن‌های رنگی Tooltip و Popover در تم روشن
   کاربرد:
   رنگ Tooltipهای معنایی و سطح Popover مرکزی.
   ========================================================= */
html[data-ich-theme="light"] {
    --ich-tooltip-dark-bg: #20283a;
    --ich-tooltip-dark-text: #ffffff;
    --ich-tooltip-light-bg: #ffffff;
    --ich-tooltip-light-text: #172033;
    --ich-tooltip-light-border: #dfe5ee;
    --ich-tooltip-info-bg: #2563c7;
    --ich-tooltip-info-text: #ffffff;
    --ich-tooltip-warning-bg: #9a6410;
    --ich-tooltip-warning-text: #ffffff;
    --ich-tooltip-success-bg: #21864b;
    --ich-tooltip-success-text: #ffffff;
    --ich-tooltip-danger-bg: #c93649;
    --ich-tooltip-danger-text: #ffffff;
    --ich-tooltip-shadow: 0 8px 24px rgba(20, 27, 43, 0.18);
    --ich-popover-surface: #ffffff;
    --ich-popover-surface-soft: #f8fafc;
    --ich-popover-border: #e1e6ef;
    --ich-popover-text: #172033;
    --ich-popover-muted: #748096;
    --ich-popover-icon-surface: #eef1ff;
    --ich-popover-icon: #4658d8;
    --ich-popover-shadow: 0 18px 46px rgba(28, 39, 63, 0.18);
}

/* =========================================================
   توکن‌های رنگی Accordion و Collapse در تم روشن
   ========================================================= */
html[data-ich-theme="light"] {
    --ich-accordion-surface: #ffffff;
    --ich-accordion-surface-hover: #f8f9fd;
    --ich-accordion-surface-open: #f7f8ff;
    --ich-accordion-border: #e1e6ef;
    --ich-accordion-title: #172033;
    --ich-accordion-description: #748096;
    --ich-accordion-icon-surface: #eef0ff;
    --ich-accordion-icon-text: #4658d8;
    --ich-accordion-chevron: #596579;
    --ich-accordion-disabled-surface: #f4f5f7;
    --ich-accordion-focus-ring: rgba(70, 88, 216, 0.16);
}

/* =========================================================
   توکن‌های File Upload و Stepper/Wizard در تم روشن
   ========================================================= */
html[data-ich-theme="light"] {
    --ich-file-upload-surface: #ffffff;
    --ich-file-upload-soft: #f8fafc;
    --ich-file-upload-border: #d8e1ef;
    --ich-file-upload-drag: #eef0ff;
    --ich-file-upload-text: #172033;
    --ich-file-upload-muted: #748096;
    --ich-file-upload-error: #e14455;
    --ich-file-upload-success: #169b55;
    --ich-stepper-line: #dce2ec;
    --ich-stepper-pending: #a7b0be;
    --ich-stepper-current: #4658d8;
    --ich-stepper-completed: #169b55;
    --ich-stepper-error: #e14455;
    --ich-stepper-disabled: #c8ced8;
}

/* =========================================================
   توکن‌های Ajax Infrastructure در تم روشن
   کاربرد:
   Overlay موقت Region هنگام درخواست Ajax و نمایش نتیجه تست‌ها.
   ========================================================= */
html[data-ich-theme="light"] {
    --ich-ajax-loading-backdrop: rgba(255, 255, 255, 0.82);
    --ich-ajax-demo-surface: #f8fafc;
    --ich-ajax-demo-border: #e1e6ef;
    --ich-ajax-demo-text: #172033;
    --ich-ajax-demo-muted: #748096;
}