/* ==========================================================================
   lotusPalettesV1.0.0.2.css  (Lotus.Framework — source of truth)

   فقط «مقدار» رنگ‌ها. هیچ سلکتور رابط کاربری اینجا نیست — آن‌ها یک‌بار در
   lotusThemeV1.0.0.2.css نوشته شده‌اند.

   افزودن یک بیمهٔ جدید = یک بلوک توکن در همین فایل + یک سطر ثبت نگاشت در
   Application_Start اپلیکیشن. صفر سلکتور جدید، صفر تغییر در JS.

   ترتیب لود: این فایل باید قبل از lotusTheme بیاید (یا بعدش؛ چون فقط متغیر
   تعریف می‌کند ترتیب اهمیتی ندارد) ولی هر دو باید بعد از CSS پایهٔ اپلیکیشن
   بیایند تا override بگیرند.
   ========================================================================== */

/* ==========================================================================
   default — ظاهر پایه. هر اپلیکیشنی که تم ثبت‌شده ندارد همین را می‌بیند.
   ========================================================================== */
:root {
    /* هویت */
    --lotus-primary: #1e4361;
    --lotus-primary-dark: #152f45;
    --lotus-accent: #00bcd4;
    --lotus-accent-hi: #16e2fd;
    --lotus-accent-deep: #00838f;
    --lotus-accent-contrast: #ffffff;

    /* نوار بالا */
    --lotus-header-bg: #1e4361;
    --lotus-header-text: #e6f6fd;
    --lotus-header-accent: transparent;

    /* بلوک کاربر در نوار بالا */
    --lotus-user-bg: rgba(255, 255, 255, .10);
    --lotus-user-border: rgba(255, 255, 255, .28);
    --lotus-user-hover-bg: rgba(255, 255, 255, .20);
    --lotus-user-hover-border: rgba(255, 255, 255, .50);
    --lotus-user-label: rgba(255, 255, 255, .82);
    --lotus-user-name: #ffffff;
    --lotus-user-caret: rgba(255, 255, 255, .92);
    --lotus-avatar-bg: rgba(255, 255, 255, .18);
    --lotus-avatar-border: rgba(255, 255, 255, .90);
    --lotus-avatar-icon: #ffffff;

    /* حلقهٔ لوگو (نوار بالا و صفحهٔ ورود) */
    --lotus-logo-bg: linear-gradient(145deg, #eff6ff, #f0f9ff);
    --lotus-logo-border: #dbeafe;
    --lotus-logo-border-width: 1.5px;
    --lotus-logo-shadow: 0 4px 14px rgba(0, 0, 0, .15);
    --lotus-logo-glow: none;
    /* نسبت تصویر به قاب. مقادیر پیش‌فرض معادل ظاهر فعلی‌اند:
       نوار بالا 46px در قاب 52px، صفحهٔ ورود 62px در قاب 72px. */
    --lotus-logo-scale-nav: 88%;
    --lotus-logo-scale-login: 86%;
    --lotus-login-logo-bg: linear-gradient(145deg, #eff6ff, #f0f9ff);
    --lotus-login-logo-border: #dbeafe;
    --lotus-login-logo-border-width: 0.5px;
    --lotus-login-logo-shadow: 0 4px 14px rgba(26, 86, 219, .12);
    --lotus-login-logo-glow: none;

    /* سایدبار */
    --lotus-menu-bg: #1e4361;
    --lotus-menu-item-bg: #7092be;
    --lotus-menu-text: #ffffff;
    --lotus-menu-item-hover-bg: #00bcd4;
    --lotus-menu-item-hover-text: #ffffff;
    --lotus-menu-item-open-bg: #1e4361;
    --lotus-menu-item-open-text: #ffffff;
    --lotus-menu-icon: #ffffff;
    --lotus-menu-icon-open: #ffffff;
    --lotus-menu-bar: transparent;
    --lotus-menu-border: transparent;

    /* زیرمنو */
    --lotus-submenu-bg: #45677a;
    --lotus-submenu-text: #ffffff;
    --lotus-submenu-hover-bg: #385565;
    --lotus-submenu-hover-text: #16e2fd;
    --lotus-submenu-selected-bg: #00bcd4;
    --lotus-submenu-selected-text: #ffffff;
    --lotus-submenu-selected-bar: #00838f;
    --lotus-nav-hover-bg: #7092be;

    /* گرید — ساختار */
    --lotus-grid-header-bg: #1e4361;
    --lotus-grid-header-border: #16344d;
    --lotus-grid-header-rule: transparent;
    --lotus-grid-row-odd: #ffffff;
    --lotus-grid-row-even: #f5f9fc;
    --lotus-grid-row-hover: #eaf3f9;
    --lotus-grid-cell-border: #d9e4ee;
    --lotus-grid-text: #1f3347;
    --lotus-grid-filter-btn: #1e4361;
    --lotus-grid-filter-btn-deep: #16344d;

    /* گرید — دکمهٔ اصلی تولبار */
    --lotus-toolbar-btn-bg: #048377;
    --lotus-toolbar-btn-hover-bg: #036b63;
    --lotus-toolbar-btn-text: #ffffff;
    --lotus-toolbar-add-icon-bg: rgba(255, 255, 255, .20);
    --lotus-toolbar-add-icon-color: #0b2f5c;

    /* گرید — دکمه‌های عملیات سطر */
    --lotus-act-bg: #e8f1f8;
    --lotus-act-border: #a8c4d8;
    --lotus-act-text: #1e4361;
    --lotus-act-hover-bg: #d9eaf5;
    --lotus-act-danger-bg: #fff1f1;
    --lotus-act-danger-border: #f1b4b4;
    --lotus-act-danger-text: #b42318;

    /* گرید — ردیف در انتظار اقدام */
    --lotus-row-pending-bg: #8bdafe;
    --lotus-row-pending-hover-bg: #8bdafe;
    --lotus-row-pending-text: #383838;
    --lotus-row-pending-bar: transparent;

    /* صفحهٔ ورود */
    --lotus-login-primary: #1a56db;
    --lotus-login-primary-dark: #1442b0;
    --lotus-login-accent: #0ea5e9;

    /* Breadcrumb */
    --lotus-breadcrumb-bg: #90908d;
    --lotus-breadcrumb-text: #ffffff;
    --lotus-breadcrumb-border: transparent;
    --lotus-grid-filter-icon: none;

    /* سربرگ گرید و منوی فیلتر — مقادیر فعلی فایل‌های KendoGrid */
    --lotus-grid-header-text: #ffffff;
    --lotus-filter-bg: #ffffff;
    --lotus-filter-border: #d5e2ee;
    --lotus-filter-text: #1f3347;
    --lotus-filter-input-bg: #f8fafc;
    --lotus-filter-input-border: #c5d4e3;
    --lotus-filter-focus: #048377;
    --lotus-filter-focus-ring: rgba(4, 131, 119, .15);
    --lotus-filter-btn-bg: #1e4361;
    --lotus-filter-btn-hover-bg: #16344d;
    --lotus-filter-btn-text: #ffffff;
    --lotus-filter-btn-alt-bg: #eef2f7;
    --lotus-filter-btn-alt-hover-bg: #e2e8f0;
    --lotus-filter-btn-alt-text: #334155;

    /* ---- بوت‌استرپ: رنگ‌های معنایی صفحات داخلی ----
       مقادیر پیش‌فرض دقیقاً همان هگزهای خودِ Bootstrap 5.3 است، پس تم default
       ظاهر امروز را بدون هیچ تغییری بازتولید می‌کند.
       هر رنگ چهار مقدار دارد: پایه / hover / active / متن روی آن،
       به‌علاوهٔ rgb (برای حلقهٔ فوکوس و text-*/bg-*) و soft (ته‌رنگ روشن). */
    --lotus-bs-primary: #0d6efd;
    --lotus-bs-primary-hover: #0b5ed7;
    --lotus-bs-primary-active: #0a58ca;
    --lotus-bs-primary-fg: #ffffff;
    --lotus-bs-primary-rgb: 13, 110, 253;
    --lotus-bs-primary-soft: #ddf4ff;

    --lotus-bs-secondary: #6c757d;
    --lotus-bs-secondary-hover: #5c636a;
    --lotus-bs-secondary-active: #565e64;
    --lotus-bs-secondary-fg: #ffffff;
    --lotus-bs-secondary-rgb: 108, 117, 125;
    --lotus-bs-secondary-soft: #f1f3f5;

    --lotus-bs-success: #198754;
    --lotus-bs-success-hover: #157347;
    --lotus-bs-success-active: #146c43;
    --lotus-bs-success-fg: #ffffff;
    --lotus-bs-success-rgb: 25, 135, 84;
    --lotus-bs-success-soft: #d1e7dd;

    --lotus-bs-info: #0dcaf0;
    --lotus-bs-info-hover: #31d2f2;
    --lotus-bs-info-active: #3dd5f3;
    --lotus-bs-info-fg: #000000;
    --lotus-bs-info-rgb: 13, 202, 240;
    --lotus-bs-info-soft: #eef6fb;

    --lotus-bs-warning: #ffc107;
    --lotus-bs-warning-hover: #ffca2c;
    --lotus-bs-warning-active: #ffcd39;
    --lotus-bs-warning-fg: #000000;
    --lotus-bs-warning-rgb: 255, 193, 7;
    --lotus-bs-warning-soft: #fff3cd;

    --lotus-bs-danger: #dc3545;
    --lotus-bs-danger-hover: #bb2d3b;
    --lotus-bs-danger-active: #b02a37;
    --lotus-bs-danger-fg: #ffffff;
    --lotus-bs-danger-rgb: 220, 53, 69;
    --lotus-bs-danger-soft: #f8d7da;

    /* تُن چهارم — جایی که چهار کارت آماری کنار هم می‌نشینند (cis-stat-card--purple) */
    --lotus-bs-accent: #6f42c1;
    --lotus-bs-accent-fg: #ffffff;
    --lotus-bs-accent-rgb: 111, 66, 193;
    --lotus-bs-accent-soft: #f3ebff;

    --lotus-bs-light: #f8f9fa;
    --lotus-bs-light-rgb: 248, 249, 250;
    --lotus-bs-dark: #212529;
    --lotus-bs-dark-rgb: 33, 37, 41;

    /* ---- سطح، مرز، پیوند ---- */
    --lotus-surface-soft: #f8fbfd;
    --lotus-surface-muted: #f8f9fa;
    --lotus-border: #dee2e6;
    --lotus-link: #0d6efd;
    --lotus-link-hover: #0a58ca;

    /* ---- ورودی فرم ----
       مقدار border همان چیزی است که siteV*.css امروز با !important می‌دهد. */
    --lotus-input-border: #7092be;
    --lotus-input-focus-border: #7092be;
    --lotus-input-focus-ring: rgba(30, 67, 97, .22);
    --lotus-check-bg: #1e4361;

    /* ---- کارت ----
       head-brand همان گرادیانی است که ۷۳ قالب داخلی روی .card-header داشتند. */
    --lotus-card-border: rgba(0, 0, 0, .175);
    --lotus-card-cap-bg: rgba(33, 37, 41, .03);
    --lotus-card-cap-fg: inherit;
    --lotus-card-head-brand-bg: linear-gradient(180deg, #2a5f85 0%, #1e4361 100%);
    --lotus-card-head-brand-fg: #ffffff;

    /* ---- آکاردئون ---- */
    --lotus-accordion-bg: #f8f9fa;
    --lotus-accordion-fg: #212529;
    --lotus-accordion-hover-bg: #e9ecef;
    --lotus-accordion-active-bg: #f8f9fa;
    --lotus-accordion-active-fg: #212529;
    --lotus-accordion-border: #dee2e6;
    --lotus-accordion-ring: rgba(13, 202, 240, .35);

    /* ---- جدول بوت‌استرپ (نه گرید Kendo) ---- */
    --lotus-table-head-bg: #f8f9fa;
    --lotus-table-head-fg: #000000;
    --lotus-table-border: #dee2e6;
    --lotus-table-striped-bg: rgba(33, 37, 41, .05);
    --lotus-table-hover-bg: rgba(33, 37, 41, .075);

    /* ---- تب ---- */
    --lotus-tab-border: #cccccc;
    --lotus-tab-text: #999999;
    --lotus-tab-active-text: #222222;
    --lotus-tab-active-bar: #00bcd4;

    /* ---- عنوان بخش فرم و کارت‌های خلاصه ---- */
    --lotus-section-title: #1e4361;
    --lotus-stat-total-payable-bg: #fff8e1;
    --lotus-stat-total-payable-border: #ffc107;

    /* ---- تُن‌های کارت خلاصه و بخش فیلتر (cis-stat-card / cis-filter-section) ----
       اینها نقش «رنگ معنایی دکمه» را ندارند؛ نوار کناری کارت و دیسک آیکن‌اند.
       پس جدا از --lotus-bs-* می‌مانند تا هر تم بتواند مستقل تنظیمشان کند. */
    --lotus-tone-primary: #1e4361;
    --lotus-tone-primary-soft: #ddf4ff;
    --lotus-tone-info: #2a6f97;
    --lotus-tone-info-soft: #eef6fb;
    --lotus-tone-success: #198754;
    --lotus-tone-success-soft: #d1e7dd;
    --lotus-tone-warning: #fd9843;
    --lotus-tone-warning-soft: #fff3cd;
    --lotus-tone-warning-ink: #cc8800;
    --lotus-tone-accent: #6f42c1;
    --lotus-tone-accent-soft: #f3ebff;
}

/* ==========================================================================
   kosar — بیمه کوثر: سورمه‌ای + زرد نشان
   قانون: عمق را تیرگی نشان می‌دهد، وضعیت فعال را زرد.
   زردِ پُر فقط یک ناحیه در هر صفحه (دکمهٔ اصلی)؛ بقیه تینت.
   ========================================================================== */
html[data-lotus-theme="kosar"] {
    --lotus-navy-950: #04152a;
    --lotus-navy-900: #071e3d;
    --lotus-navy-800: #0b2f5c;
    --lotus-navy-700: #0f3d75;
    --lotus-navy-600: #14508f;

    --lotus-primary: #0b2f5c;
    --lotus-primary-dark: #04152a;
    --lotus-accent: #f5c518;
    --lotus-accent-hi: #ffd84d;
    --lotus-accent-deep: #d2a400;
    --lotus-accent-contrast: #04152a;

    --lotus-header-bg: #0b2f5c;
    --lotus-header-text: #f5c518;
    --lotus-header-accent: #f5c518;

    --lotus-user-bg: rgba(245, 197, 24, .10);
    --lotus-user-border: rgba(245, 197, 24, .42);
    --lotus-user-hover-bg: rgba(245, 197, 24, .20);
    --lotus-user-hover-border: #f5c518;
    --lotus-user-label: rgba(255, 255, 255, .72);
    --lotus-user-name: #ffffff;
    --lotus-user-caret: #f5c518;
    --lotus-avatar-bg: rgba(245, 197, 24, .18);
    --lotus-avatar-border: #f5c518;
    --lotus-avatar-icon: #ffd84d;

    /* لوگو بدون دیسک سفید؛ هاله با drop-shadow روی خودِ تصویر اجرا می‌شود تا
       کانال آلفا را دنبال کند و به لبهٔ لوگو بچسبد (box-shadow لبهٔ قاب را می‌گیرد) */
    --lotus-logo-bg: transparent;
    --lotus-logo-border: transparent;
    --lotus-logo-border-width: 0;
    --lotus-logo-shadow: none;
    --lotus-logo-glow: drop-shadow(0 0 3px rgba(245, 197, 24, .95)) drop-shadow(0 0 8px rgba(245, 197, 24, .80)) drop-shadow(0 0 13px rgba(245, 197, 24, .40));
    --lotus-logo-scale-nav: 100%;
    --lotus-logo-scale-login: 100%;
    --lotus-login-logo-bg: transparent;
    --lotus-login-logo-border: transparent;
    --lotus-login-logo-border-width: 0;
    --lotus-login-logo-shadow: none;
    --lotus-login-logo-glow: drop-shadow(0 0 3px rgba(245, 197, 24, .95)) drop-shadow(0 0 8px rgba(245, 197, 24, .80)) drop-shadow(0 0 13px rgba(245, 197, 24, .40));

    --lotus-menu-bg: #0b2f5c;
    --lotus-menu-item-bg: #0f3d75;
    --lotus-menu-text: #ffffff;
    --lotus-menu-item-hover-bg: #14508f;
    --lotus-menu-item-hover-text: #ffffff;
    --lotus-menu-item-open-bg: #04152a;
    --lotus-menu-item-open-text: #ffd84d;
    --lotus-menu-icon: #f5c518;
    --lotus-menu-icon-open: #ffd84d;
    --lotus-menu-bar: #f5c518;
    --lotus-menu-border: transparent;

    --lotus-submenu-bg: #04152a;
    --lotus-submenu-text: #bfd2e6;
    --lotus-submenu-hover-bg: rgba(255, 255, 255, .07);
    --lotus-submenu-hover-text: #ffffff;
    --lotus-submenu-selected-bg: #0f3d75;
    --lotus-submenu-selected-text: #ffd84d;
    --lotus-submenu-selected-bar: #f5c518;
    --lotus-nav-hover-bg: #14508f;

    --lotus-grid-header-bg: #0b2f5c;
    --lotus-grid-header-border: #071e3d;
    --lotus-grid-header-rule: #f5c518;
    --lotus-grid-row-odd: #ffffff;
    --lotus-grid-row-even: #f7fafd;
    --lotus-grid-row-hover: #eef5fc;
    --lotus-grid-cell-border: #e2eaf3;
    --lotus-grid-text: #33465c;
    --lotus-grid-filter-btn: #0b2f5c;
    --lotus-grid-filter-btn-deep: #071e3d;

    --lotus-toolbar-btn-bg: #f5c518;
    --lotus-toolbar-btn-hover-bg: #ffd84d;
    --lotus-toolbar-btn-text: #04152a;
    --lotus-toolbar-add-icon-bg: #0b2f5c;
    --lotus-toolbar-add-icon-color: #ffd84d;

    --lotus-act-bg: #f4f8fc;
    --lotus-act-border: #c5d7ea;
    --lotus-act-text: #0b2f5c;
    --lotus-act-hover-bg: #e4effa;

    --lotus-row-pending-bg: #fff3d1;
    --lotus-row-pending-hover-bg: #ffe9ae;
    --lotus-row-pending-text: #33465c;
    --lotus-row-pending-bar: #f5c518;

    --lotus-login-primary: #0b2f5c;
    --lotus-login-primary-dark: #04152a;
    --lotus-login-accent: #f5c518;

    --lotus-breadcrumb-bg: #fff8e1;
    --lotus-breadcrumb-text: #0b2f5c;
    --lotus-breadcrumb-border: #f5c518;
    --lotus-grid-filter-icon: brightness(0) invert(1);

    --lotus-grid-header-text: #ffffff;
    --lotus-filter-bg: #ffffff;
    --lotus-filter-border: #dbe5f0;
    --lotus-filter-text: #33465c;
    --lotus-filter-input-bg: #f7fafd;
    --lotus-filter-input-border: #c5d7ea;
    --lotus-filter-focus: #f5c518;
    --lotus-filter-focus-ring: rgba(245, 197, 24, .22);
    --lotus-filter-btn-bg: #0b2f5c;
    --lotus-filter-btn-hover-bg: #04152a;
    --lotus-filter-btn-text: #ffffff;
    --lotus-filter-btn-alt-bg: #f1f5fa;
    --lotus-filter-btn-alt-hover-bg: #e4ecf5;
    --lotus-filter-btn-alt-text: #33465c;

    /* ---- بوت‌استرپ: صفحات داخلی ----
       primary سورمه‌ای است و warning زردِ نشان کوثر؛ همان قانون تم:
       زردِ پُر فقط یک ناحیه در هر صفحه. */
    --lotus-bs-primary: #0b2f5c;
    --lotus-bs-primary-hover: #0f3d75;
    --lotus-bs-primary-active: #04152a;
    --lotus-bs-primary-fg: #ffffff;
    --lotus-bs-primary-rgb: 11, 47, 92;
    --lotus-bs-primary-soft: #e4ecf5;

    --lotus-bs-secondary: #5b6b7f;
    --lotus-bs-secondary-hover: #4c5a6b;
    --lotus-bs-secondary-active: #414d5c;
    --lotus-bs-secondary-fg: #ffffff;
    --lotus-bs-secondary-rgb: 91, 107, 127;
    --lotus-bs-secondary-soft: #eef1f5;

    --lotus-bs-success: #17795a;
    --lotus-bs-success-hover: #13664c;
    --lotus-bs-success-active: #105640;
    --lotus-bs-success-fg: #ffffff;
    --lotus-bs-success-rgb: 23, 121, 90;
    --lotus-bs-success-soft: #d9efe7;

    --lotus-bs-info: #14508f;
    --lotus-bs-info-hover: #0f3d75;
    --lotus-bs-info-active: #0b2f5c;
    --lotus-bs-info-fg: #ffffff;
    --lotus-bs-info-rgb: 20, 80, 143;
    --lotus-bs-info-soft: #e2ecf8;

    --lotus-bs-warning: #f5c518;
    --lotus-bs-warning-hover: #ffd84d;
    --lotus-bs-warning-active: #d2a400;
    --lotus-bs-warning-fg: #04152a;
    --lotus-bs-warning-rgb: 245, 197, 24;
    --lotus-bs-warning-soft: #fff6d6;

    --lotus-bs-danger: #b42318;
    --lotus-bs-danger-hover: #9a1e14;
    --lotus-bs-danger-active: #831910;
    --lotus-bs-danger-fg: #ffffff;
    --lotus-bs-danger-rgb: 180, 35, 24;
    --lotus-bs-danger-soft: #fdeae8;

    --lotus-bs-accent: #8a6d00;
    --lotus-bs-accent-fg: #ffffff;
    --lotus-bs-accent-rgb: 138, 109, 0;
    --lotus-bs-accent-soft: #fff6d6;

    --lotus-bs-light: #f1f5fa;
    --lotus-bs-light-rgb: 241, 245, 250;
    --lotus-bs-dark: #04152a;
    --lotus-bs-dark-rgb: 4, 21, 42;

    --lotus-surface-soft: #f8fafd;
    --lotus-surface-muted: #f1f5fa;
    --lotus-border: #dbe5f0;
    --lotus-link: #0b2f5c;
    --lotus-link-hover: #14508f;

    --lotus-input-border: #c5d7ea;
    --lotus-input-focus-border: #f5c518;
    --lotus-input-focus-ring: rgba(245, 197, 24, .25);
    --lotus-check-bg: #0b2f5c;

    --lotus-card-border: #e2eaf3;
    --lotus-card-cap-bg: #f1f5fa;
    --lotus-card-cap-fg: #0b2f5c;
    --lotus-card-head-brand-bg: linear-gradient(180deg, #14508f 0%, #0b2f5c 100%);
    --lotus-card-head-brand-fg: #ffffff;

    --lotus-accordion-bg: #f7f9fc;
    --lotus-accordion-fg: #0b2f5c;
    --lotus-accordion-hover-bg: #eef3f9;
    --lotus-accordion-active-bg: #f1f5fa;
    --lotus-accordion-active-fg: #0b2f5c;
    --lotus-accordion-border: #dbe5f0;
    --lotus-accordion-ring: rgba(245, 197, 24, .35);

    --lotus-table-head-bg: #e9eff7;
    --lotus-table-head-fg: #0b2f5c;
    --lotus-table-border: #e2eaf3;
    --lotus-table-striped-bg: #f7fafd;
    --lotus-table-hover-bg: #eef5fc;

    --lotus-tab-border: #dbe5f0;
    --lotus-tab-text: #6b7b8f;
    --lotus-tab-active-text: #0b2f5c;
    --lotus-tab-active-bar: #f5c518;

    --lotus-section-title: #0b2f5c;
    --lotus-stat-total-payable-bg: #fff8e1;
    --lotus-stat-total-payable-border: #f5c518;

    --lotus-tone-primary: #0b2f5c;
    --lotus-tone-primary-soft: #e4ecf5;
    --lotus-tone-info: #14508f;
    --lotus-tone-info-soft: #e2ecf8;
    --lotus-tone-success: #17795a;
    --lotus-tone-success-soft: #d9efe7;
    --lotus-tone-warning: #d2a400;
    --lotus-tone-warning-soft: #fff6d6;
    --lotus-tone-warning-ink: #8a6d00;
    --lotus-tone-accent: #8a6d00;
    --lotus-tone-accent-soft: #fff6d6;
}


/* ==========================================================================
   sarmad — بیمه سرمد
   رنگ پایه #335898 (انتخاب خودِ کارفرما) برای نوار بالا و سایدبار.
   آبی برند #009EE0 نقش «عمل» را دارد و آبی روشن #C4EDFD نقش «انتخاب‌شده».

   بنفش نسخهٔ قبل عمداً حذف شد و برای بیمهٔ دیگری کنار گذاشته می‌شود؛
   اینجا کل تم در یک خانوادهٔ آبی می‌ماند و تفکیک از روشنایی می‌آید.

     #335898 → ساختار (نوار بالا، سایدبار)
     #1F3E6E → عمق (آیتم باز)
     #C4EDFD → انتخاب‌شده
     #009EE0 → عمل (دکمهٔ اصلی، خط تأکید، فوکوس)
   ========================================================================== */
html[data-lotus-theme="sarmad"] {
    --lotus-blue-900: #1f3e6e;
    --lotus-blue-800: #2a4b83;
    --lotus-blue-700: #335898;
    --lotus-blue-600: #3e67ab;
    --lotus-blue-500: #4e77bc;
    --lotus-cyan-200: #c4edfd;
    --lotus-azure-500: #009ee0;

    --lotus-primary: #335898;
    --lotus-primary-dark: #1f3e6e;
    --lotus-accent: #009ee0;
    --lotus-accent-hi: #33b4e8;
    --lotus-accent-deep: #0075ac;
    --lotus-accent-contrast: #ffffff;

    --lotus-header-bg: #335898;
    --lotus-header-text: #ffffff;
    --lotus-header-accent: #009ee0;

    --lotus-user-bg: rgba(255, 255, 255, .14);
    --lotus-user-border: rgba(255, 255, 255, .42);
    --lotus-user-hover-bg: rgba(255, 255, 255, .26);
    --lotus-user-hover-border: #ffffff;
    --lotus-user-label: rgba(255, 255, 255, .88);
    --lotus-user-name: #ffffff;
    --lotus-user-caret: #c4edfd;
    --lotus-avatar-bg: rgba(255, 255, 255, .20);
    --lotus-avatar-border: #ffffff;
    --lotus-avatar-icon: #ffffff;

    /* لوگوی سرمد سفید است و روی #335898 می‌نشیند: بدون دیسک، هالهٔ سفید ملایم */
    /* لوگوی سرمد آبی است و روی #335898 محو می‌شد: یک دیسک روشن پشتش می‌نشیند.
       حاشیه صفر است و لوگو تا لبهٔ دیسک بزرگ می‌شود؛ شاین از هالهٔ بیرونی می‌آید. */
    --lotus-logo-bg: radial-gradient(circle, #ffffff 0%, #ffffff 54%, rgba(255,255,255,.75) 70%, rgba(255,255,255,.35) 86%, rgba(255,255,255,0) 100%);
    --lotus-logo-border: transparent;
    --lotus-logo-border-width: 0;
    --lotus-logo-shadow: 0 0 22px 10px rgba(255, 255, 255, .38);
    --lotus-logo-glow: none;
    --lotus-logo-scale-nav: 88%;
    --lotus-logo-scale-login: 68%;
    /* کارت ورود سفید است: نه دیسک لازم است نه هالهٔ سفید */
    /* کارت ورود سفید است، پس دیسک باید ته‌رنگ آبی داشته باشد نه سفید */
    --lotus-login-logo-bg: radial-gradient(circle, #e9f1f9 0%, #e9f1f9 74%, rgba(233,241,249,.55) 88%, rgba(233,241,249,0) 100%);
    --lotus-login-logo-border: transparent;
    --lotus-login-logo-border-width: 0;
    --lotus-login-logo-shadow: none;
    --lotus-login-logo-glow: none;

    /* آیتم‌های بسته کارت سفیدند: بیشترین تمایز از زمینهٔ آبی.
       فقط آیتم باز آبی پُر می‌شود، پس در هر لحظه یک بلوک رنگی در ستون هست. */
    --lotus-menu-bg: #335898;
    --lotus-menu-border: transparent;
    --lotus-menu-item-bg: #ffffff;
    --lotus-menu-text: #335898;
    --lotus-menu-item-hover-bg: #eaf3fc;
    --lotus-menu-item-hover-text: #1f3e6e;
    --lotus-menu-item-open-bg: #14315c;
    --lotus-menu-item-open-text: #ffffff;
    --lotus-menu-icon: #009ee0;
    --lotus-menu-icon-open: #ffffff;
    --lotus-menu-bar: #009ee0;

    /* زیرمنوی انتخاب‌شده: قرص آبی روشن با متن #335898 */
    --lotus-submenu-bg: #1f3e6e;
    --lotus-submenu-text: #d4e2f2;
    --lotus-submenu-hover-bg: rgba(255, 255, 255, .10);
    --lotus-submenu-hover-text: #ffffff;
    --lotus-submenu-selected-bg: #c4edfd;
    --lotus-submenu-selected-text: #335898;
    --lotus-submenu-selected-bar: #335898;
    --lotus-nav-hover-bg: #4569ab;

    /* سربرگ روشن با متن #335898 — بدنهٔ گرید سبک می‌ماند */
    --lotus-grid-header-bg: #dfe9f5;
    --lotus-grid-header-border: #c9d9ea;
    --lotus-grid-header-rule: #009ee0;
    --lotus-grid-row-odd: #ffffff;
    --lotus-grid-row-even: #f4f8fc;
    --lotus-grid-row-hover: #e8f1fa;
    --lotus-grid-cell-border: #e1e9f2;
    --lotus-grid-text: #2b3a4d;
    --lotus-grid-filter-btn: #335898;
    --lotus-grid-filter-btn-deep: #1f3e6e;

    --lotus-toolbar-btn-bg: #2e6db4;
    --lotus-toolbar-btn-hover-bg: #3a7cc4;
    --lotus-toolbar-btn-text: #ffffff;
    --lotus-toolbar-add-icon-bg: #5a9bd8;
    --lotus-toolbar-add-icon-color: #ffffff;

    --lotus-act-bg: #eef4fb;
    --lotus-act-border: #c7d9ec;
    --lotus-act-text: #335898;
    --lotus-act-hover-bg: #e1edf9;
    --lotus-act-danger-bg: #fff1f1;
    --lotus-act-danger-border: #f1b4b4;
    --lotus-act-danger-text: #b42318;

    /* «نسخهٔ گمرک دانلود نشده» — در تمی که همه‌چیزش آبی است تنها راه دیده‌شدن
       این ردیف گرم بودن آن است؛ تینت آبی از هاور و دکمه‌ها تفکیک نمی‌شد.
       شدتش کم نگه داشته شده تا کنار آبی‌های ملایم داد نزند. */
    --lotus-row-pending-bg: #fff6e8;
    --lotus-row-pending-hover-bg: #ffeed6;
    --lotus-row-pending-text: #2b3a4d;
    --lotus-row-pending-bar: #e8912b;

    --lotus-login-primary: #3e67ab;
    --lotus-login-primary-dark: #335898;
    --lotus-login-accent: #009ee0;

    --lotus-breadcrumb-bg: #eaf3fc;
    --lotus-breadcrumb-text: #335898;
    --lotus-breadcrumb-border: #009ee0;
    --lotus-grid-filter-icon: brightness(0) saturate(100%) invert(30%) sepia(42%) saturate(1100%) hue-rotate(186deg) brightness(93%) contrast(89%);

    --lotus-grid-header-text: #335898;
    --lotus-filter-bg: #ffffff;
    --lotus-filter-border: #d5e2f0;
    --lotus-filter-text: #2b3a4d;
    --lotus-filter-input-bg: #f6f9fc;
    --lotus-filter-input-border: #c7d9ec;
    --lotus-filter-focus: #009ee0;
    --lotus-filter-focus-ring: rgba(0, 158, 224, .18);
    --lotus-filter-btn-bg: #009ee0;
    --lotus-filter-btn-hover-bg: #0086c2;
    --lotus-filter-btn-text: #ffffff;
    --lotus-filter-btn-alt-bg: #eef4fb;
    --lotus-filter-btn-alt-hover-bg: #e1edf9;
    --lotus-filter-btn-alt-text: #335898;

    /* ---- بوت‌استرپ: صفحات داخلی ----
       primary همان آبی ساختاری نوار بالا و سایدبار است، پس دکمهٔ «ثبت» با
       هویت صفحه یکی می‌شود. رنگ‌های وضعیت (سبز/قرمز/کهربایی) خانوادهٔ رنگی
       خودشان را نگه می‌دارند — کاربر باید «پرداخت» را از «چاپ» تشخیص دهد —
       ولی به سردی و اشباع خانوادهٔ سرمد کشیده شده‌اند تا کنار آبی داد نزنند.
       همهٔ مقادیر پایه با متن روی خودشان حداقل ۴.۵:۱ کنتراست دارند. */
    --lotus-bs-primary: #335898;
    --lotus-bs-primary-hover: #2a4b83;
    --lotus-bs-primary-active: #1f3e6e;
    --lotus-bs-primary-fg: #ffffff;
    --lotus-bs-primary-rgb: 51, 88, 152;
    --lotus-bs-primary-soft: #e8effa;

    --lotus-bs-secondary: #5b7291;
    --lotus-bs-secondary-hover: #4c6180;
    --lotus-bs-secondary-active: #415571;
    --lotus-bs-secondary-fg: #ffffff;
    --lotus-bs-secondary-rgb: 91, 114, 145;
    --lotus-bs-secondary-soft: #eef2f8;

    --lotus-bs-success: #0d7d5f;
    --lotus-bs-success-hover: #0a6b51;
    --lotus-bs-success-active: #085a44;
    --lotus-bs-success-fg: #ffffff;
    --lotus-bs-success-rgb: 13, 125, 95;
    --lotus-bs-success-soft: #d9f0e8;

    /* #009EE0 برند برای متن/دکمه روشن‌تر از حد خوانایی است؛ همان‌جا که رنگِ
       «عمل» لازم است (خط تأکید، فوکوس) از --lotus-accent می‌آید نه از اینجا. */
    --lotus-bs-info: #0b7fae;
    --lotus-bs-info-hover: #096b93;
    --lotus-bs-info-active: #085b7e;
    --lotus-bs-info-fg: #ffffff;
    --lotus-bs-info-rgb: 11, 127, 174;
    --lotus-bs-info-soft: #ddf0f9;

    --lotus-bs-warning: #e8912b;
    --lotus-bs-warning-hover: #d07f1f;
    --lotus-bs-warning-active: #b86f18;
    --lotus-bs-warning-fg: #1a2531;
    --lotus-bs-warning-rgb: 232, 145, 43;
    --lotus-bs-warning-soft: #fdf0dd;

    --lotus-bs-danger: #c62839;
    --lotus-bs-danger-hover: #ab2131;
    --lotus-bs-danger-active: #931c2a;
    --lotus-bs-danger-fg: #ffffff;
    --lotus-bs-danger-rgb: 198, 40, 57;
    --lotus-bs-danger-soft: #fbe4e6;

    /* بنفش نسخهٔ قبل حذف شده بود؛ تُن چهارم آبی روشن‌تر خانواده است */
    --lotus-bs-accent: #4e77bc;
    --lotus-bs-accent-fg: #ffffff;
    --lotus-bs-accent-rgb: 78, 119, 188;
    --lotus-bs-accent-soft: #e6edf9;

    --lotus-bs-light: #eef4fb;
    --lotus-bs-light-rgb: 238, 244, 251;
    --lotus-bs-dark: #1f3e6e;
    --lotus-bs-dark-rgb: 31, 62, 110;

    --lotus-surface-soft: #f4f8fd;
    --lotus-surface-muted: #eef4fb;
    --lotus-border: #d8e3f0;
    --lotus-link: #0b7fae;
    --lotus-link-hover: #085b7e;

    --lotus-input-border: #c7d9ec;
    --lotus-input-focus-border: #009ee0;
    --lotus-input-focus-ring: rgba(0, 158, 224, .20);
    --lotus-check-bg: #335898;

    --lotus-card-border: #dbe6f3;
    --lotus-card-cap-bg: #eef4fb;
    --lotus-card-cap-fg: #1f3e6e;
    --lotus-card-head-brand-bg: linear-gradient(180deg, #3e67ab 0%, #335898 100%);
    --lotus-card-head-brand-fg: #ffffff;

    --lotus-accordion-bg: #eef4fb;
    --lotus-accordion-fg: #1f3e6e;
    --lotus-accordion-hover-bg: #e1edf9;
    --lotus-accordion-active-bg: #dfe9f5;
    --lotus-accordion-active-fg: #1f3e6e;
    --lotus-accordion-border: #c9d9ea;
    --lotus-accordion-ring: rgba(0, 158, 224, .28);

    --lotus-table-head-bg: #dfe9f5;
    --lotus-table-head-fg: #335898;
    --lotus-table-border: #dbe6f3;
    --lotus-table-striped-bg: #f4f8fc;
    --lotus-table-hover-bg: #e8f1fa;

    --lotus-tab-border: #d8e3f0;
    --lotus-tab-text: #6b7f9c;
    --lotus-tab-active-text: #1f3e6e;
    --lotus-tab-active-bar: #009ee0;

    --lotus-section-title: #335898;
    --lotus-stat-total-payable-bg: #fdf3e3;
    --lotus-stat-total-payable-border: #e8912b;

    --lotus-tone-primary: #335898;
    --lotus-tone-primary-soft: #e8effa;
    --lotus-tone-info: #0b7fae;
    --lotus-tone-info-soft: #ddf0f9;
    --lotus-tone-success: #0d7d5f;
    --lotus-tone-success-soft: #d9f0e8;
    --lotus-tone-warning: #e8912b;
    --lotus-tone-warning-soft: #fdf0dd;
    --lotus-tone-warning-ink: #b86f18;
    --lotus-tone-accent: #4e77bc;
    --lotus-tone-accent-soft: #e6edf9;
}

/* ==========================================================================
   moallem — بیمه معلم
   رنگ پایه #335898 (انتخاب خودِ کارفرما) برای نوار بالا و سایدبار.
   آبی برند #009EE0 نقش «عمل» را دارد و آبی روشن #C4EDFD نقش «انتخاب‌شده».

   بنفش نسخهٔ قبل عمداً حذف شد و برای بیمهٔ دیگری کنار گذاشته می‌شود؛
   اینجا کل تم در یک خانوادهٔ آبی می‌ماند و تفکیک از روشنایی می‌آید.

     #335898 → ساختار (نوار بالا، سایدبار)
     #1F3E6E → عمق (آیتم باز)
     #C4EDFD → انتخاب‌شده
     #009EE0 → عمل (دکمهٔ اصلی، خط تأکید، فوکوس)
   ========================================================================== */
html[data-lotus-theme="moallem"] {
    --lotus-blue-900: #1f3e6e;
    --lotus-blue-800: #2a4b83;
    --lotus-blue-700: #335898;
    --lotus-blue-600: #3e67ab;
    --lotus-blue-500: #4e77bc;
    --lotus-cyan-200: #c4edfd;
    --lotus-azure-500: #009ee0;

    --lotus-primary: #335898;
    --lotus-primary-dark: #1f3e6e;
    --lotus-accent: #009ee0;
    --lotus-accent-hi: #33b4e8;
    --lotus-accent-deep: #0075ac;
    --lotus-accent-contrast: #ffffff;

    --lotus-header-bg: #335898;
    --lotus-header-text: #ffffff;
    --lotus-header-accent: #009ee0;

    --lotus-user-bg: rgba(255, 255, 255, .14);
    --lotus-user-border: rgba(255, 255, 255, .42);
    --lotus-user-hover-bg: rgba(255, 255, 255, .26);
    --lotus-user-hover-border: #ffffff;
    --lotus-user-label: rgba(255, 255, 255, .88);
    --lotus-user-name: #ffffff;
    --lotus-user-caret: #c4edfd;
    --lotus-avatar-bg: rgba(255, 255, 255, .20);
    --lotus-avatar-border: #ffffff;
    --lotus-avatar-icon: #ffffff;

    /* لوگوی معلم سفید است و روی #335898 می‌نشیند: بدون دیسک، هالهٔ سفید ملایم */
    /* لوگوی معلم آبی است و روی #335898 محو می‌شد: یک دیسک روشن پشتش می‌نشیند.
       حاشیه صفر است و لوگو تا لبهٔ دیسک بزرگ می‌شود؛ شاین از هالهٔ بیرونی می‌آید. */
    --lotus-logo-bg: radial-gradient(circle, #ffffff 0%, #ffffff 54%, rgba(255,255,255,.75) 70%, rgba(255,255,255,.35) 86%, rgba(255,255,255,0) 100%);
    --lotus-logo-border: transparent;
    --lotus-logo-border-width: 0;
    --lotus-logo-shadow: 0 0 22px 10px rgba(255, 255, 255, .38);
    --lotus-logo-glow: none;
    --lotus-logo-scale-nav: 88%;
    --lotus-logo-scale-login: 68%;
    /* کارت ورود سفید است: نه دیسک لازم است نه هالهٔ سفید */
    /* کارت ورود سفید است، پس دیسک باید ته‌رنگ آبی داشته باشد نه سفید */
    --lotus-login-logo-bg: radial-gradient(circle, #e9f1f9 0%, #e9f1f9 74%, rgba(233,241,249,.55) 88%, rgba(233,241,249,0) 100%);
    --lotus-login-logo-border: transparent;
    --lotus-login-logo-border-width: 0;
    --lotus-login-logo-shadow: none;
    --lotus-login-logo-glow: none;

    /* آیتم‌های بسته کارت سفیدند: بیشترین تمایز از زمینهٔ آبی.
       فقط آیتم باز آبی پُر می‌شود، پس در هر لحظه یک بلوک رنگی در ستون هست. */
    --lotus-menu-bg: #335898;
    --lotus-menu-border: transparent;
    --lotus-menu-item-bg: #ffffff;
    --lotus-menu-text: #335898;
    --lotus-menu-item-hover-bg: #eaf3fc;
    --lotus-menu-item-hover-text: #1f3e6e;
    --lotus-menu-item-open-bg: #14315c;
    --lotus-menu-item-open-text: #ffffff;
    --lotus-menu-icon: #009ee0;
    --lotus-menu-icon-open: #ffffff;
    --lotus-menu-bar: #009ee0;

    /* زیرمنوی انتخاب‌شده: قرص آبی روشن با متن #335898 */
    --lotus-submenu-bg: #1f3e6e;
    --lotus-submenu-text: #d4e2f2;
    --lotus-submenu-hover-bg: rgba(255, 255, 255, .10);
    --lotus-submenu-hover-text: #ffffff;
    --lotus-submenu-selected-bg: #c4edfd;
    --lotus-submenu-selected-text: #335898;
    --lotus-submenu-selected-bar: #335898;
    --lotus-nav-hover-bg: #4569ab;

    /* سربرگ روشن با متن #335898 — بدنهٔ گرید سبک می‌ماند */
    --lotus-grid-header-bg: #dfe9f5;
    --lotus-grid-header-border: #c9d9ea;
    --lotus-grid-header-rule: #009ee0;
    --lotus-grid-row-odd: #ffffff;
    --lotus-grid-row-even: #f4f8fc;
    --lotus-grid-row-hover: #e8f1fa;
    --lotus-grid-cell-border: #e1e9f2;
    --lotus-grid-text: #2b3a4d;
    --lotus-grid-filter-btn: #335898;
    --lotus-grid-filter-btn-deep: #1f3e6e;

    --lotus-toolbar-btn-bg: #2e6db4;
    --lotus-toolbar-btn-hover-bg: #3a7cc4;
    --lotus-toolbar-btn-text: #ffffff;
    --lotus-toolbar-add-icon-bg: #5a9bd8;
    --lotus-toolbar-add-icon-color: #ffffff;

    --lotus-act-bg: #eef4fb;
    --lotus-act-border: #c7d9ec;
    --lotus-act-text: #335898;
    --lotus-act-hover-bg: #e1edf9;
    --lotus-act-danger-bg: #fff1f1;
    --lotus-act-danger-border: #f1b4b4;
    --lotus-act-danger-text: #b42318;

    /* «نسخهٔ گمرک دانلود نشده» — در تمی که همه‌چیزش آبی است تنها راه دیده‌شدن
       این ردیف گرم بودن آن است؛ تینت آبی از هاور و دکمه‌ها تفکیک نمی‌شد.
       شدتش کم نگه داشته شده تا کنار آبی‌های ملایم داد نزند. */
    --lotus-row-pending-bg: #fff6e8;
    --lotus-row-pending-hover-bg: #ffeed6;
    --lotus-row-pending-text: #2b3a4d;
    --lotus-row-pending-bar: #e8912b;

    --lotus-login-primary: #3e67ab;
    --lotus-login-primary-dark: #335898;
    --lotus-login-accent: #009ee0;

    --lotus-breadcrumb-bg: #eaf3fc;
    --lotus-breadcrumb-text: #335898;
    --lotus-breadcrumb-border: #009ee0;
    --lotus-grid-filter-icon: brightness(0) saturate(100%) invert(30%) sepia(42%) saturate(1100%) hue-rotate(186deg) brightness(93%) contrast(89%);

    --lotus-grid-header-text: #335898;
    --lotus-filter-bg: #ffffff;
    --lotus-filter-border: #d5e2f0;
    --lotus-filter-text: #2b3a4d;
    --lotus-filter-input-bg: #f6f9fc;
    --lotus-filter-input-border: #c7d9ec;
    --lotus-filter-focus: #009ee0;
    --lotus-filter-focus-ring: rgba(0, 158, 224, .18);
    --lotus-filter-btn-bg: #009ee0;
    --lotus-filter-btn-hover-bg: #0086c2;
    --lotus-filter-btn-text: #ffffff;
    --lotus-filter-btn-alt-bg: #eef4fb;
    --lotus-filter-btn-alt-hover-bg: #e1edf9;
    --lotus-filter-btn-alt-text: #335898;

    /* ---- بوت‌استرپ: صفحات داخلی ----
       primary همان آبی ساختاری نوار بالا و سایدبار است، پس دکمهٔ «ثبت» با
       هویت صفحه یکی می‌شود. رنگ‌های وضعیت (سبز/قرمز/کهربایی) خانوادهٔ رنگی
       خودشان را نگه می‌دارند — کاربر باید «پرداخت» را از «چاپ» تشخیص دهد —
       ولی به سردی و اشباع خانوادهٔ معلم کشیده شده‌اند تا کنار آبی داد نزنند.
       همهٔ مقادیر پایه با متن روی خودشان حداقل ۴.۵:۱ کنتراست دارند. */
    --lotus-bs-primary: #335898;
    --lotus-bs-primary-hover: #2a4b83;
    --lotus-bs-primary-active: #1f3e6e;
    --lotus-bs-primary-fg: #ffffff;
    --lotus-bs-primary-rgb: 51, 88, 152;
    --lotus-bs-primary-soft: #e8effa;

    --lotus-bs-secondary: #5b7291;
    --lotus-bs-secondary-hover: #4c6180;
    --lotus-bs-secondary-active: #415571;
    --lotus-bs-secondary-fg: #ffffff;
    --lotus-bs-secondary-rgb: 91, 114, 145;
    --lotus-bs-secondary-soft: #eef2f8;

    --lotus-bs-success: #0d7d5f;
    --lotus-bs-success-hover: #0a6b51;
    --lotus-bs-success-active: #085a44;
    --lotus-bs-success-fg: #ffffff;
    --lotus-bs-success-rgb: 13, 125, 95;
    --lotus-bs-success-soft: #d9f0e8;

    /* #009EE0 برند برای متن/دکمه روشن‌تر از حد خوانایی است؛ همان‌جا که رنگِ
       «عمل» لازم است (خط تأکید، فوکوس) از --lotus-accent می‌آید نه از اینجا. */
    --lotus-bs-info: #0b7fae;
    --lotus-bs-info-hover: #096b93;
    --lotus-bs-info-active: #085b7e;
    --lotus-bs-info-fg: #ffffff;
    --lotus-bs-info-rgb: 11, 127, 174;
    --lotus-bs-info-soft: #ddf0f9;

    --lotus-bs-warning: #e8912b;
    --lotus-bs-warning-hover: #d07f1f;
    --lotus-bs-warning-active: #b86f18;
    --lotus-bs-warning-fg: #1a2531;
    --lotus-bs-warning-rgb: 232, 145, 43;
    --lotus-bs-warning-soft: #fdf0dd;

    --lotus-bs-danger: #c62839;
    --lotus-bs-danger-hover: #ab2131;
    --lotus-bs-danger-active: #931c2a;
    --lotus-bs-danger-fg: #ffffff;
    --lotus-bs-danger-rgb: 198, 40, 57;
    --lotus-bs-danger-soft: #fbe4e6;

    /* بنفش نسخهٔ قبل حذف شده بود؛ تُن چهارم آبی روشن‌تر خانواده است */
    --lotus-bs-accent: #4e77bc;
    --lotus-bs-accent-fg: #ffffff;
    --lotus-bs-accent-rgb: 78, 119, 188;
    --lotus-bs-accent-soft: #e6edf9;

    --lotus-bs-light: #eef4fb;
    --lotus-bs-light-rgb: 238, 244, 251;
    --lotus-bs-dark: #1f3e6e;
    --lotus-bs-dark-rgb: 31, 62, 110;

    --lotus-surface-soft: #f4f8fd;
    --lotus-surface-muted: #eef4fb;
    --lotus-border: #d8e3f0;
    --lotus-link: #0b7fae;
    --lotus-link-hover: #085b7e;

    --lotus-input-border: #c7d9ec;
    --lotus-input-focus-border: #009ee0;
    --lotus-input-focus-ring: rgba(0, 158, 224, .20);
    --lotus-check-bg: #335898;

    --lotus-card-border: #dbe6f3;
    --lotus-card-cap-bg: #eef4fb;
    --lotus-card-cap-fg: #1f3e6e;
    --lotus-card-head-brand-bg: linear-gradient(180deg, #3e67ab 0%, #335898 100%);
    --lotus-card-head-brand-fg: #ffffff;

    --lotus-accordion-bg: #eef4fb;
    --lotus-accordion-fg: #1f3e6e;
    --lotus-accordion-hover-bg: #e1edf9;
    --lotus-accordion-active-bg: #dfe9f5;
    --lotus-accordion-active-fg: #1f3e6e;
    --lotus-accordion-border: #c9d9ea;
    --lotus-accordion-ring: rgba(0, 158, 224, .28);

    --lotus-table-head-bg: #dfe9f5;
    --lotus-table-head-fg: #335898;
    --lotus-table-border: #dbe6f3;
    --lotus-table-striped-bg: #f4f8fc;
    --lotus-table-hover-bg: #e8f1fa;

    --lotus-tab-border: #d8e3f0;
    --lotus-tab-text: #6b7f9c;
    --lotus-tab-active-text: #1f3e6e;
    --lotus-tab-active-bar: #009ee0;

    --lotus-section-title: #335898;
    --lotus-stat-total-payable-bg: #fdf3e3;
    --lotus-stat-total-payable-border: #e8912b;

    --lotus-tone-primary: #335898;
    --lotus-tone-primary-soft: #e8effa;
    --lotus-tone-info: #0b7fae;
    --lotus-tone-info-soft: #ddf0f9;
    --lotus-tone-success: #0d7d5f;
    --lotus-tone-success-soft: #d9f0e8;
    --lotus-tone-warning: #e8912b;
    --lotus-tone-warning-soft: #fdf0dd;
    --lotus-tone-warning-ink: #b86f18;
    --lotus-tone-accent: #4e77bc;
    --lotus-tone-accent-soft: #e6edf9;
}