:root {
  --mahva-theme-color-white: #fff;
  --mahva-theme-color-on-surface: #1f1f1f;
  --mahva-theme-color-scrim-video-container: rgb(31 31 31 / 64%);
  --mahva-theme-color-scrim-video-control: rgb(255 255 255 / 12%);
  --mahva-theme-color-scrim-video-control-pressed: rgb(255 255 255 / 24%);
  --mahva-theme-display-font-family: "IRANSansX", sans-serif;
  --mahva-theme-text-font-family: "IRANSansX", sans-serif;
  --mahva-theme-mono-font-family: "IRANSansX", monospace;
  --mahva-theme-google-symbol-font-family: "IRANSansX";
  --mahva-theme-v2-hero-font-family: var(--mahva-theme-display-font-family);
  --mahva-theme-v2-hero-font-size: 96px;
  --mahva-theme-v2-hero-line-height: 1;
  --mahva-theme-v2-hero-font-weight: 475;
  --mahva-theme-v2-hero-font-variation-GRAD: 0;
  --mahva-theme-v2-hero-font-variation-opsz: 18;
  --mahva-theme-v2-hero-letter-spacing: 0;
  --mahva-theme-v2-display-xl-font-family: var(
    --mahva-theme-display-font-family
  );
  --mahva-theme-v2-display-xl-font-size: 88px;
  --mahva-theme-v2-display-xl-line-height: 96px;
  --mahva-theme-v2-display-xl-font-weight: 475;
  --mahva-theme-v2-display-xl-font-variation-GRAD: 0;
  --mahva-theme-v2-display-xl-font-variation-opsz: 18;
  --mahva-theme-v2-display-xl-letter-spacing: 0;
  --mahva-theme-v2-display-l-font-family: var(
    --mahva-theme-display-font-family
  );
  --mahva-theme-v2-display-l-font-size: 57px;
  --mahva-theme-v2-display-l-line-height: 64px;
  --mahva-theme-v2-display-l-font-weight: 475;
  --mahva-theme-v2-display-l-font-variation-GRAD: 0;
  --mahva-theme-v2-display-l-font-variation-opsz: 18;
  --mahva-theme-v2-display-l-letter-spacing: 0;
  --mahva-theme-v2-display-m-font-family: var(
    --mahva-theme-display-font-family
  );
  --mahva-theme-v2-display-m-font-size: 45px;
  --mahva-theme-v2-display-m-line-height: 52px;
  --mahva-theme-v2-display-m-font-weight: 475;
  --mahva-theme-v2-display-m-font-variation-GRAD: 0;
  --mahva-theme-v2-display-m-font-variation-opsz: 18;
  --mahva-theme-v2-display-m-letter-spacing: 0;
  --mahva-theme-v2-display-s-font-family: var(
    --mahva-theme-display-font-family
  );
  --mahva-theme-v2-display-s-font-size: 36px;
  --mahva-theme-v2-display-s-line-height: 44px;
  --mahva-theme-v2-display-s-font-weight: 475;
  --mahva-theme-v2-display-s-font-variation-GRAD: 0;
  --mahva-theme-v2-display-s-font-variation-opsz: 18;
  --mahva-theme-v2-display-s-letter-spacing: 0;
  --mahva-theme-v2-headline-l-font-family: var(
    --mahva-theme-display-font-family
  );
  --mahva-theme-v2-headline-l-font-size: 32px;
  --mahva-theme-v2-headline-l-line-height: 40px;
  --mahva-theme-v2-headline-l-font-weight: 475;
  --mahva-theme-v2-headline-l-font-variation-GRAD: 0;
  --mahva-theme-v2-headline-l-font-variation-opsz: 18;
  --mahva-theme-v2-headline-l-letter-spacing: 0;
  --mahva-theme-v2-headline-m-font-family: var(
    --mahva-theme-display-font-family
  );
  --mahva-theme-v2-headline-m-font-size: 28px;
  --mahva-theme-v2-headline-m-line-height: 36px;
  --mahva-theme-v2-headline-m-font-weight: 475;
  --mahva-theme-v2-headline-m-font-variation-GRAD: 0;
  --mahva-theme-v2-headline-m-font-variation-opsz: 18;
  --mahva-theme-v2-headline-m-letter-spacing: 0;
  --mahva-theme-v2-headline-s-font-family: var(
    --mahva-theme-display-font-family
  );
  --mahva-theme-v2-headline-s-font-size: 24px;
  --mahva-theme-v2-headline-s-line-height: 32px;
  --mahva-theme-v2-headline-s-font-weight: 475;
  --mahva-theme-v2-headline-s-font-variation-GRAD: 0;
  --mahva-theme-v2-headline-s-font-variation-opsz: 18;
  --mahva-theme-v2-headline-s-letter-spacing: 0;
  --mahva-theme-v2-title-l-font-family: var(--mahva-theme-text-font-family);
  --mahva-theme-v2-title-l-font-size: 22px;
  --mahva-theme-v2-title-l-line-height: 30px;
  --mahva-theme-v2-title-l-font-weight: 400;
  --mahva-theme-v2-title-l-font-variation-GRAD: 0;
  --mahva-theme-v2-title-l-font-variation-opsz: 17;
  --mahva-theme-v2-title-l-letter-spacing: 0;
  --mahva-theme-v2-title-m-font-family: var(--mahva-theme-text-font-family);
  --mahva-theme-v2-title-m-font-size: 16px;
  --mahva-theme-v2-title-m-line-height: 24px;
  --mahva-theme-v2-title-m-font-weight: 500;
  --mahva-theme-v2-title-m-font-variation-GRAD: 0;
  --mahva-theme-v2-title-m-font-variation-opsz: 17;
  --mahva-theme-v2-title-m-letter-spacing: 0;
  --mahva-theme-v2-title-s-font-family: var(--mahva-theme-text-font-family);
  --mahva-theme-v2-title-s-font-size: 14px;
  --mahva-theme-v2-title-s-line-height: 20px;
  --mahva-theme-v2-title-s-font-weight: 500;
  --mahva-theme-v2-title-s-font-variation-GRAD: 0;
  --mahva-theme-v2-title-s-font-variation-opsz: 17;
  --mahva-theme-v2-title-s-letter-spacing: 0;
  --mahva-theme-v2-label-l-font-family: var(--mahva-theme-text-font-family);
  --mahva-theme-v2-label-l-font-size: 14px;
  --mahva-theme-v2-label-l-line-height: 20px;
  --mahva-theme-v2-label-l-font-weight: 500;
  --mahva-theme-v2-label-l-font-variation-GRAD: 0;
  --mahva-theme-v2-label-l-font-variation-opsz: 17;
  --mahva-theme-v2-label-l-letter-spacing: 0;
  --mahva-theme-v2-label-m-font-family: var(--mahva-theme-text-font-family);
  --mahva-theme-v2-label-m-font-size: 12px;
  --mahva-theme-v2-label-m-line-height: 16px;
  --mahva-theme-v2-label-m-font-weight: 500;
  --mahva-theme-v2-label-m-font-variation-GRAD: 0;
  --mahva-theme-v2-label-m-font-variation-opsz: 17;
  --mahva-theme-v2-label-m-letter-spacing: 0.1px;
  --mahva-theme-v2-label-s-font-family: var(--mahva-theme-text-font-family);
  --mahva-theme-v2-label-s-font-size: 11px;
  --mahva-theme-v2-label-s-line-height: 16px;
  --mahva-theme-v2-label-s-font-weight: 500;
  --mahva-theme-v2-label-s-font-variation-GRAD: 0;
  --mahva-theme-v2-label-s-font-variation-opsz: 17;
  --mahva-theme-v2-label-s-letter-spacing: 0.1px;
  --mahva-theme-v2-body-l-font-family: var(--mahva-theme-text-font-family);
  --mahva-theme-v2-body-l-font-size: 16px;
  --mahva-theme-v2-body-l-line-height: 24px;
  --mahva-theme-v2-body-l-font-weight: 400;
  --mahva-theme-v2-body-l-font-variation-GRAD: 0;
  --mahva-theme-v2-body-l-font-variation-opsz: 17;
  --mahva-theme-v2-body-l-letter-spacing: 0;
  --mahva-theme-v2-body-m-font-family: var(--mahva-theme-text-font-family);
  --mahva-theme-v2-body-m-font-size: 14px;
  --mahva-theme-v2-body-m-line-height: 20px;
  --mahva-theme-v2-body-m-font-weight: 400;
  --mahva-theme-v2-body-m-font-variation-GRAD: 0;
  --mahva-theme-v2-body-m-font-variation-opsz: 17;
  --mahva-theme-v2-body-m-letter-spacing: 0;
  --mahva-theme-v2-body-s-font-family: var(--mahva-theme-text-font-family);
  --mahva-theme-v2-body-s-font-size: 12px;
  --mahva-theme-v2-body-s-line-height: 16px;
  --mahva-theme-v2-body-s-font-weight: 400;
  --mahva-theme-v2-body-s-font-variation-GRAD: 0;
  --mahva-theme-v2-body-s-font-variation-opsz: 17;
  --mahva-theme-v2-body-s-letter-spacing: 0.1px;
  --mahva-theme-v2-code-l-font-family: var(--mahva-theme-mono-font-family);
  --mahva-theme-v2-code-l-font-size: 16px;
  --mahva-theme-v2-code-l-line-height: 24px;
  --mahva-theme-v2-code-l-font-weight: 400;
  --mahva-theme-v2-code-l-letter-spacing: 0;
  --mahva-theme-v2-code-m-font-family: var(--mahva-theme-mono-font-family);
  --mahva-theme-v2-code-m-font-size: 14px;
  --mahva-theme-v2-code-m-line-height: 20px;
  --mahva-theme-v2-code-m-font-weight: 400;
  --mahva-theme-v2-code-m-letter-spacing: 0;
  --mahva-theme-v2-code-snippet-font-family: var(
    --mahva-theme-mono-font-family
  );
  --mahva-theme-v2-code-snippet-font-size: 15px;
  --mahva-theme-v2-code-snippet-line-height: 32px;
  --mahva-theme-v2-code-snippet-font-weight: 500;
  --mahva-theme-color-primary: #046e75;
  --mahva-theme-color-secondary: #dcf763;
  --mahva-theme-color-background: #fff;
  --mahva-theme-color-card-background: #f8f9fa; /* Light white for cards */
  -webkit-font-smoothing: antialiased;
}
[data-theme="theme-default"] {
    --mahva-theme-global-text-color: #ffffff;
    --mahva-theme-global-color-accentsecondary: #ffffff;
    --mahva-theme-color-second: #f9d21c;
    --mahva-theme-color-nav: #d0ab64;
    --mahva-theme-color-gray-color: #d9d9d9;
    --mahva-theme-default-base-color-1: #056a70;
    --mahva-theme-default-base-color-2: #014e53;
    --mahva-theme-default-base-color-footer: #046e75;
    --mahva-theme-default-base-color-footer-02: #014146;
    --mahva-theme-default-base-color-Header: #ffffff;
    --mahva-theme-default-base-color-Light-Header: #f9d21c;
    --mahva-theme-color-on-surface-variant-2: linear-gradient( 0deg, rgba(77, 66, 86, 0.08), rgba(77, 66, 86, 0.08) );
    --mahva-theme-color-on-surface-variant-4: linear-gradient( 0deg, rgba(77, 66, 86, 0.12), rgba(77, 66, 86, 0.12) );
    --mahva-theme-color-on-surface-2: linear-gradient( 0deg, rgba(28, 27, 29, 0.08), rgba(28, 27, 29, 0.08) ), var(--mahva-theme-color-secondary-container);
    --mahva-theme-color-on-surface-4: linear-gradient( 0deg, rgba(28, 27, 29, 0.12), rgba(28, 27, 29, 0.12) ), var(--mahva-theme-color-secondary-container);
    --mahva-theme-color-white: #fff;
    --mahva-theme-color-on-background: #1c1b1d;
    --mahva-theme-color-background: #fefbff;
    --mahva-theme-color-on-surface: #1c1b1d;
    --mahva-theme-color-on-surface-variant: #4d4256;
    --mahva-theme-color-surface-0: #fff;
    --mahva-theme-color-on-surface-2: linear-gradient( 0deg, rgb(31 25 35 / 8%), rgb(31 25 35 / 8%) ), var(--mahva-theme-color-secondary-container);
    --mahva-theme-color-on-surface-4: linear-gradient( 0deg, rgb(31 25 35 / 12%), rgb(31 25 35 / 12%) ), var(--mahva-theme-color-secondary-container);
    --mahva-theme-color-on-surface-variant-2: linear-gradient( 0deg, rgb(77 66 86 / 8%), rgb(77 66 86 / 8%) );
    --mahva-theme-color-on-surface-variant-4: linear-gradient( 0deg, rgb(77 66 86 / 12%), rgb(77 66 86 / 12%) );
    --mahva-theme-color-surface-variant: #e8e0e8;
    --mahva-theme-color-inverse-surface: #303030;
    --mahva-theme-color-inverse-on-surface: #f5eff1;
    --mahva-theme-color-primary: #046e75;
    --mahva-theme-color-primary-80: #cbbeff;
    --mahva-theme-color-primary-30: #4b21bd;
    --mahva-theme-color-primary-20: #340098;
    --mahva-theme-color-on-primary: #fff;
    --mahva-theme-color-neutral-10: #1c1b1d;
    --mahva-theme-color-neutral-90: #e6e1e3;
    --mahva-theme-color-primary-container: #9f86ff;
    --mahva-theme-color-on-primary-container: #1e0060;
    --mahva-theme-color-secondary: #dcf763;
    --mahva-theme-color-on-secondary: #fff;
    --mahva-theme-color-secondary-container: #dcdaf5;
    --mahva-theme-color-on-secondary-container: #21182b;
    --mahva-theme-color-tertiary-container: #f1d3f9;
    --mahva-theme-color-on-tertiary-container: #271430;
    --mahva-theme-color-utility-error: #ff6240;
    --mahva-theme-color-utility-error-variant: #ff6240;
    --mahva-theme-color-utility-on-error: #490909;
    --mahva-theme-color-utility-error-container: #f9dedc;
    --mahva-theme-color-utility-outline: #787579;
    --mahva-theme-color-utility-list-hover: rgb(31 25 35 / 8%);
    --mahva-theme-color-utility-list-active: rgb(31 25 35 / 10%);
    --mahva-theme-color-surface-1: #f8f1f6;
    --mahva-theme-color-surface-2: #f2ecee;
    --mahva-theme-color-surface-3: #ece7e9;
    --mahva-theme-color-surface-4: #e6e1e3;
    --mahva-theme-color-surface-5: #e6e1e3;
    --mahva-theme-color-extensions-do-container: #34be4d;
    --mahva-theme-color-extensions-on-do-container: #11371d;
    --mahva-theme-color-extensions-dont-container: #ff6240;
    --mahva-theme-color-extensions-on-dont-container: #490909;
    --mahva-theme-color-extensions-caution-container: #ffce22;
    --mahva-theme-color-extensions-on-caution-container: #3a2900;
    --mahva-theme-color-ref-secondary-200: #c6c4de;
    --mahva-theme-color-ref-secondary-300: #aaa9c2;
    --mahva-theme-color-ref-neutral-100: #e6e1e3;
    --mahva-theme-color-ref-neutral-200: #cac5c7;
    --mahva-theme-color-scrim-video-container: rgb(31 31 31 / 64%);
    --mahva-theme-color-scrim-video-control: rgb(255 255 255 / 12%);
    --mahva-theme-color-scrim-video-control-pressed: rgb(255 255 255 / 24%);
    --mahva-theme-color-copy-link-tooltip: #f2f2f2;
    --mahva-theme-color-warning-icon: #e37402;
    --mahva-theme-elevation-1: 0px 1px 2px 0px rgb(0 0 0 / 30%), 0px 1px 3px 1px rgb(0 0 0 / 15%);
    --mahva-theme-elevation-2: 0px 1px 2px 0px rgb(0 0 0 / 30%), 0px 2px 6px 2px rgb(0 0 0 / 15%);
    --mahva-theme-elevation-3: 0px 1px 3px 0px rgb(0 0 0 / 30%), 0px 4px 8px 3px rgb(0 0 0 / 15%);
}

[data-bs-theme="dark"][data-theme="theme-default"] {
    --mahva-theme-global-text-color: #ffffff;
    --mahva-theme-global-color-accentsecondary: #161616;
    --mahva-theme-default-base-color-footer: #252a30;
    --mahva-theme-default-base-color-footer-02: #1f2429;
    --mahva-theme-default-base-color-Header: #252a30;
    --mahva-theme-default-base-color-Light-Header: #facc15;
    --mahva-theme-color-second: #fff700;
    --mahva-theme-default-base-color-1: #1d1b1b;
    --mahva-theme-default-base-color-2: #222527;
    --mahva-theme-color-second: #fff600;
    --mahva-theme-color-on-surface-variant-2: linear-gradient( 0deg, rgba(196, 199, 197, 0.08), rgba(196, 199, 197, 0.08) );
    --mahva-theme-color-on-surface-variant-4: linear-gradient( 0deg, rgba(196, 199, 197, 0.12), rgba(196, 199, 197, 0.12) );
    --mahva-theme-color-on-surface-2: linear-gradient( 0deg, rgba(230, 225, 227, 0.08), rgba(230, 225, 227, 0.08) ), var(--mahva-theme-color-secondary-container);
    --mahva-theme-color-on-surface-4: linear-gradient( 0deg, rgba(230, 225, 227, 0.12), rgba(230, 225, 227, 0.12) ), var(--mahva-theme-color-secondary-container);
    --mahva-theme-color-white: #fff;
    --mahva-theme-color-on-background: #e6e1e3;
    --mahva-theme-color-background: #141314;
    --mahva-theme-color-on-surface: #e6e1e3;
    --mahva-theme-color-on-surface-variant: #cbc4cc;
    --mahva-theme-color-surface-0: #0f0e0f;
    --mahva-theme-color-surface-variant: #4d4256;
    --mahva-theme-color-inverse-surface: #e6e1e3;
    --mahva-theme-color-inverse-on-surface: #323032;
    --mahva-theme-color-surface-1: #1c1b1d;
    --mahva-theme-color-surface-2: #211f21;
    --mahva-theme-color-surface-3: #2b292b;
    --mahva-theme-color-surface-4: #363436;
    --mahva-theme-color-surface-5: #363436;
    --mahva-theme-color-on-surface-2: linear-gradient( 0deg, rgb(242 236 238 / 8%), rgb(242 236 238 / 8%) ), var(--mahva-theme-color-secondary-container);
    --mahva-theme-color-on-surface-4: linear-gradient( 0deg, rgb(242 236 238 / 12%), rgb(242 236 238 / 12%) ), var(--mahva-theme-color-secondary-container);
    --mahva-theme-color-on-surface-variant-2: linear-gradient( 0deg, rgb(203 196 204 / 8%), rgb(203 196 204 / 8%) );
    --mahva-theme-color-on-surface-variant-4: linear-gradient( 0deg, rgb(203 196 204 / 12%), rgb(203 196 204 / 12%) );
    --mahva-theme-color-primary: #046e75;
    --mahva-theme-color-primary-80: #ccbeff;
    --mahva-theme-color-primary-30: #4c20bd;
    --mahva-theme-color-primary-20: #340097;
    --mahva-theme-color-neutral-10: #1c1b1d;
    --mahva-theme-color-neutral-90: #e6e1e3;
    --mahva-theme-color-on-primary: #1a0056;
    --mahva-theme-color-primary-container: #4b21bd;
    --mahva-theme-color-on-primary-container: #e7deff;
    --mahva-theme-color-secondary: #dcf763;
    --mahva-theme-color-on-secondary: #151629;
    --mahva-theme-color-secondary-container: #45455a;
    --mahva-theme-color-on-secondary-container: #e2e0fb;
    --mahva-theme-color-tertiary-container: #553f5d;
    --mahva-theme-color-on-tertiary-container: #f7d8ff;
    --mahva-theme-color-utility-error: #ff6e4e;
    --mahva-theme-color-utility-error-variant: #f9dedc;
    --mahva-theme-color-utility-on-error: #490909;
    --mahva-theme-color-utility-error-container: #ff6240;
    --mahva-theme-color-utility-outline: #928f94;
    --mahva-theme-color-utility-list-hover: rgb(203 196 204 / 8%);
    --mahva-theme-color-utility-list-active: rgb(203 196 204 / 10%);
    --mahva-theme-color-extensions-do-container: #36c450;
    --mahva-theme-color-extensions-on-do-container: #093413;
    --mahva-theme-color-extensions-dont-container: #ff6e4e;
    --mahva-theme-color-extensions-on-dont-container: #490909;
    --mahva-theme-color-extensions-caution-container: #ffce22;
    --mahva-theme-color-extensions-on-caution-container: #3a2900;
    --mahva-theme-color-copy-link-tooltip: #f2f2f2;
    --mahva-theme-color-code-comment-color: #727578;
    --mahva-theme-color-iframe-background: #e6e5e5;
    --mahva-theme-elevation-1: 0px 1px 2px 0px rgb(0 0 0 / 30%), 0px 1px 3px 1px rgb(0 0 0 / 15%);
    --mahva-theme-elevation-2: 0px 1px 2px 0px rgb(0 0 0 / 30%), 0px 2px 6px 2px rgb(0 0 0 / 15%);
    --mahva-theme-elevation-3: 0px 1px 3px 0px rgb(0 0 0 / 30%), 0px 4px 8px 3px rgb(0 0 0 / 15%);
    --mahva-theme-color-card-background: #252a2e;
}
[data-theme="theme-blue"] {
    --mahva-theme-global-text-color: #ffffff;
    --mahva-theme-global-color-accentsecondary: #e0f7ff;
    --mahva-theme-color-second: #00bcd4;
    --mahva-theme-color-gray-color: #cfd8dc;
    --mahva-theme-default-base-color-1: #0277bd; /* blue-700 */
    --mahva-theme-default-base-color-2: #01579b; /* blue-900 */
    --mahva-theme-default-base-color-footer: #0288d1;
    --mahva-theme-default-base-color-footer-02: #013a63;
    --mahva-theme-default-base-color-Header: #ffffff;
    --mahva-theme-default-base-color-Light-Header: #81d4fa;
    --mahva-theme-color-on-surface-variant-2: linear-gradient( 0deg, rgba(33, 150, 243, 0.08), rgba(33, 150, 243, 0.08) );
    --mahva-theme-color-on-surface-variant-4: linear-gradient( 0deg, rgba(33, 150, 243, 0.12), rgba(33, 150, 243, 0.12) );
    --mahva-theme-color-on-surface-2: linear-gradient( 0deg, rgba(13, 71, 161, 0.08), rgba(13, 71, 161, 0.08) ), var(--mahva-theme-color-secondary-container);
    --mahva-theme-color-on-surface-4: linear-gradient( 0deg, rgba(13, 71, 161, 0.12), rgba(13, 71, 161, 0.12) ), var(--mahva-theme-color-secondary-container);
    --mahva-theme-color-white: #ffffff;
    --mahva-theme-color-on-background: #102027;
    --mahva-theme-color-background: #e1f5fe;
    --mahva-theme-color-on-surface: #102027;
    --mahva-theme-color-on-surface-variant: #546e7a;
    --mahva-theme-color-surface-0: #ffffff;
    --mahva-theme-color-surface-variant: #cfd8dc;
    --mahva-theme-color-inverse-surface: #263238;
    --mahva-theme-color-inverse-on-surface: #e0f7fa;
    --mahva-theme-color-primary: #0288d1;
    --mahva-theme-color-primary-80: #b3e5fc;
    --mahva-theme-color-primary-30: #039be5;
    --mahva-theme-color-primary-20: #0277bd;
    --mahva-theme-color-on-primary: #ffffff;
    --mahva-theme-color-neutral-10: #102027;
    --mahva-theme-color-neutral-90: #eceff1;
    --mahva-theme-color-primary-container: #b3e5fc;
    --mahva-theme-color-on-primary-container: #003c5c;
    --mahva-theme-color-secondary: #4dd0e1;
    --mahva-theme-color-on-secondary: #ffffff;
    --mahva-theme-color-secondary-container: #e0f7fa;
    --mahva-theme-color-on-secondary-container: #00363a;
    --mahva-theme-color-tertiary-container: #c5cae9;
    --mahva-theme-color-on-tertiary-container: #1a237e;
    --mahva-theme-color-utility-error: #ef5350;
    --mahva-theme-color-utility-error-variant: #e53935;
    --mahva-theme-color-utility-on-error: #b71c1c;
    --mahva-theme-color-utility-error-container: #ffcdd2;
    --mahva-theme-color-utility-outline: #90a4ae;
    --mahva-theme-color-utility-list-hover: rgba(13, 71, 161, 0.08);
    --mahva-theme-color-utility-list-active: rgba(13, 71, 161, 0.1);
    --mahva-theme-color-surface-1: #e3f2fd;
    --mahva-theme-color-surface-2: #bbdefb;
    --mahva-theme-color-surface-3: #90caf9;
    --mahva-theme-color-surface-4: #64b5f6;
    --mahva-theme-color-surface-5: #42a5f5;
    --mahva-theme-color-extensions-do-container: #00e676;
    --mahva-theme-color-extensions-on-do-container: #004d40;
    --mahva-theme-color-extensions-dont-container: #ef5350;
    --mahva-theme-color-extensions-on-dont-container: #b71c1c;
    --mahva-theme-color-extensions-caution-container: #ffd54f;
    --mahva-theme-color-extensions-on-caution-container: #4e342e;
    --mahva-theme-color-ref-secondary-200: #b2ebf2;
    --mahva-theme-color-ref-secondary-300: #4dd0e1;
    --mahva-theme-color-ref-neutral-100: #eceff1;
    --mahva-theme-color-ref-neutral-200: #cfd8dc;
    --mahva-theme-color-scrim-video-container: rgba(13, 71, 161, 0.64);
    --mahva-theme-color-scrim-video-control: rgba(255, 255, 255, 0.12);
    --mahva-theme-color-scrim-video-control-pressed: rgba(255, 255, 255, 0.24);
    --mahva-theme-color-copy-link-tooltip: #e1f5fe;
    --mahva-theme-color-warning-icon: #ffa000;
    --mahva-theme-elevation-1: 0px 1px 2px 0px rgba(0, 0, 0, 0.25), 0px 1px 3px 1px rgba(0, 0, 0, 0.1);
    --mahva-theme-elevation-2: 0px 2px 4px 0px rgba(0, 0, 0, 0.3), 0px 3px 6px 2px rgba(0, 0, 0, 0.15);
    --mahva-theme-elevation-3: 0px 4px 6px 0px rgba(0, 0, 0, 0.35), 0px 6px 10px 3px rgba(0, 0, 0, 0.2);
}
[data-bs-theme="dark"][data-theme="theme-blue"] {
    --mahva-theme-global-text-color: #ffffff;
    --mahva-theme-global-color-accentsecondary: #1a1f2a;
    --mahva-theme-default-base-color-footer: #202734;
    --mahva-theme-default-base-color-footer-02: #1a1f2b;
    --mahva-theme-default-base-color-Header: #1c2330;
    --mahva-theme-default-base-color-Light-Header: #60a5fa; /* آبی روشن برای های‌لایت */
    --mahva-theme-default-base-color-1: #1b1f27;
    --mahva-theme-default-base-color-2: #222831;
    --mahva-theme-color-background: #121821; /* پس‌زمینه کلی */
    --mahva-theme-color-surface-0: #10141b;
    --mahva-theme-color-surface-1: #181e27;
    --mahva-theme-color-surface-2: #1f2630;
    --mahva-theme-color-surface-3: #242c38;
    --mahva-theme-color-surface-4: #2a3340;
    --mahva-theme-color-surface-5: #2f3848;
    --mahva-theme-color-on-background: #e0e6f0;
    --mahva-theme-color-on-surface: #dce2ec;
    --mahva-theme-color-on-surface-variant: #94a3b8;
    --mahva-theme-color-primary: #3b82f6; /* آبی کلاسیک */
    --mahva-theme-color-primary-container: #1e3a8a;
    --mahva-theme-color-on-primary: #f1f5ff;
    --mahva-theme-color-on-primary-container: #dbeafe;
    --mahva-theme-color-secondary: #60a5fa;
    --mahva-theme-color-on-secondary: #0c1220;
    --mahva-theme-color-secondary-container: #1e293b;
    --mahva-theme-color-on-secondary-container: #dbeafe;
    --mahva-theme-color-tertiary-container: #334155;
    --mahva-theme-color-on-tertiary-container: #cbd5e1;
    --mahva-theme-color-inverse-surface: #e6e1e3;
    --mahva-theme-color-inverse-on-surface: #1f2937;
    --mahva-theme-color-utility-error: #f87171;
    --mahva-theme-color-utility-outline: #64748b;
    --mahva-theme-color-utility-list-hover: rgba(148, 163, 184, 0.08);
    --mahva-theme-color-utility-list-active: rgba(148, 163, 184, 0.12);
    --mahva-theme-color-card-background: #1e2633;
}


[data-theme="theme-green"] {
    --mahva-theme-global-text-color: #ffffff;
    --mahva-theme-global-color-accentsecondary: #e0ffe0;
    --mahva-theme-color-second: #b2f700;
    --mahva-theme-color-gray-color: #c9c9c9;
    --mahva-theme-default-base-color-1: #1f5c42;
    --mahva-theme-default-base-color-2: #174837;
    --mahva-theme-default-base-color-footer: #1e6b53;
    --mahva-theme-default-base-color-footer-02: #144234;
    --mahva-theme-default-base-color-Header: #f0fff0;
    --mahva-theme-default-base-color-Light-Header: #a0f0c0;
    --mahva-theme-color-on-surface-variant-2: linear-gradient( 0deg, rgba(40, 77, 66, 0.08), rgba(40, 77, 66, 0.08) );
    --mahva-theme-color-on-surface-variant-4: linear-gradient( 0deg, rgba(40, 77, 66, 0.12), rgba(40, 77, 66, 0.12) );
    --mahva-theme-color-on-surface-2: linear-gradient( 0deg, rgba(20, 40, 30, 0.08), rgba(20, 40, 30, 0.08) ), var(--mahva-theme-color-secondary-container);
    --mahva-theme-color-on-surface-4: linear-gradient( 0deg, rgba(20, 40, 30, 0.12), rgba(20, 40, 30, 0.12) ), var(--mahva-theme-color-secondary-container);
    --mahva-theme-color-white: #ffffff;
    --mahva-theme-color-on-background: #12281f;
    --mahva-theme-color-background: #f3fdf8;
    --mahva-theme-color-on-surface: #18372a;
    --mahva-theme-color-on-surface-variant: #305c47;
    --mahva-theme-color-surface-0: #ffffff;
    --mahva-theme-color-surface-variant: #d2f5e1;
    --mahva-theme-color-inverse-surface: #264232;
    --mahva-theme-color-inverse-on-surface: #e2f5ed;
    --mahva-theme-color-primary: #249d6b;
    --mahva-theme-color-primary-80: #a3f5d3;
    --mahva-theme-color-primary-30: #1c7a57;
    --mahva-theme-color-primary-20: #12583f;
    --mahva-theme-color-on-primary: #ffffff;
    --mahva-theme-color-neutral-10: #1c1b1d;
    --mahva-theme-color-neutral-90: #e1f0e7;
    --mahva-theme-color-primary-container: #aaf0c2;
    --mahva-theme-color-on-primary-container: #0c3d2b;
    --mahva-theme-color-secondary: #83e3a4;
    --mahva-theme-color-on-secondary: #ffffff;
    --mahva-theme-color-secondary-container: #d5f6e0;
    --mahva-theme-color-on-secondary-container: #143523;
    --mahva-theme-color-tertiary-container: #c7f4e0;
    --mahva-theme-color-on-tertiary-container: #18382d;
    --mahva-theme-color-utility-error: #ff5c5c;
    --mahva-theme-color-utility-error-variant: #ff5c5c;
    --mahva-theme-color-utility-on-error: #550000;
    --mahva-theme-color-utility-error-container: #ffe2e2;
    --mahva-theme-color-utility-outline: #669b87;
    --mahva-theme-color-utility-list-hover: rgba(31, 55, 45, 0.08);
    --mahva-theme-color-utility-list-active: rgba(31, 55, 45, 0.12);
    --mahva-theme-color-surface-1: #ebfdf3;
    --mahva-theme-color-surface-2: #def7eb;
    --mahva-theme-color-surface-3: #d2f2e3;
    --mahva-theme-color-surface-4: #c6ecdb;
    --mahva-theme-color-surface-5: #b9e6d3;
    --mahva-theme-color-extensions-do-container: #2ed872;
    --mahva-theme-color-extensions-on-do-container: #11371d;
    --mahva-theme-color-extensions-dont-container: #e14e4e;
    --mahva-theme-color-extensions-on-dont-container: #490909;
    --mahva-theme-color-extensions-caution-container: #ffe26c;
    --mahva-theme-color-extensions-on-caution-container: #3a2900;
    --mahva-theme-color-ref-secondary-200: #b4e7cd;
    --mahva-theme-color-ref-secondary-300: #97d7b6;
    --mahva-theme-color-ref-neutral-100: #e6f1ec;
    --mahva-theme-color-ref-neutral-200: #c6dcd1;
    --mahva-theme-color-scrim-video-container: rgba(25, 48, 38, 0.64);
    --mahva-theme-color-scrim-video-control: rgba(255, 255, 255, 0.12);
    --mahva-theme-color-scrim-video-control-pressed: rgba(255, 255, 255, 0.24);
    --mahva-theme-color-copy-link-tooltip: #ecfff4;
    --mahva-theme-color-warning-icon: #e0a202;
    --mahva-theme-elevation-1: 0px 1px 2px 0px rgba(0, 64, 32, 0.25), 0px 1px 3px 1px rgba(0, 64, 32, 0.1);
    --mahva-theme-elevation-2: 0px 1px 2px 0px rgba(0, 64, 32, 0.25), 0px 2px 6px 2px rgba(0, 64, 32, 0.1);
    --mahva-theme-elevation-3: 0px 1px 3px 0px rgba(0, 64, 32, 0.25), 0px 4px 8px 3px rgba(0, 64, 32, 0.1);
}
[data-bs-theme="dark"][data-theme="theme-green"] {
    --mahva-theme-global-text-color: #ffffff;
    --mahva-theme-global-color-accentsecondary: #eaffea;
    --mahva-theme-color-second: #00ff84;
    --mahva-theme-color-gray-color: #2e2e2e;
    --mahva-theme-default-base-color-1: #1b4332;
    --mahva-theme-default-base-color-2: #081c15;
    --mahva-theme-default-base-color-footer: #144d43;
    --mahva-theme-default-base-color-footer-02: #0b2f28;
    --mahva-theme-default-base-color-Header: #1e2e24;
    --mahva-theme-default-base-color-Light-Header: #2d6a4f;
    --mahva-theme-color-on-surface-variant-2: linear-gradient( 0deg, rgba(0, 255, 120, 0.08), rgba(0, 255, 120, 0.08) );
    --mahva-theme-color-on-surface-variant-4: linear-gradient( 0deg, rgba(0, 255, 120, 0.12), rgba(0, 255, 120, 0.12) );
    --mahva-theme-color-on-surface-2: linear-gradient( 0deg, rgba(0, 255, 120, 0.08), rgba(0, 255, 120, 0.08) ), var(--mahva-theme-color-secondary-container);
    --mahva-theme-color-on-surface-4: linear-gradient( 0deg, rgba(0, 255, 120, 0.12), rgba(0, 255, 120, 0.12) ), var(--mahva-theme-color-secondary-container);
    --mahva-theme-color-white: #d8f3dc;
    --mahva-theme-color-on-background: #e9f5ec;
    --mahva-theme-color-background: #0a0f0b;
    --mahva-theme-color-on-surface: #d8f3dc;
    --mahva-theme-color-on-surface-variant: #74c69d;
    --mahva-theme-color-surface-0: #1b1b1b;
    --mahva-theme-color-surface-variant: #14241a;
    --mahva-theme-color-inverse-surface: #d8f3dc;
    --mahva-theme-color-inverse-on-surface: #081c15;
    --mahva-theme-color-primary: #52b788;
    --mahva-theme-color-primary-80: #74c69d;
    --mahva-theme-color-primary-30: #2d6a4f;
    --mahva-theme-color-primary-20: #1b4332;
    --mahva-theme-color-on-primary: #ffffff;
    --mahva-theme-color-primary-container: #2d6a4f;
    --mahva-theme-color-on-primary-container: #eaffea;
    --mahva-theme-color-secondary: #95d5b2;
    --mahva-theme-color-on-secondary: #003d29;
    --mahva-theme-color-secondary-container: #081c15;
    --mahva-theme-color-on-secondary-container: #74c69d;
    --mahva-theme-color-tertiary-container: #1f332b;
    --mahva-theme-color-on-tertiary-container: #95d5b2;
    --mahva-theme-color-utility-error: #ff6b6b;
    --mahva-theme-color-utility-error-variant: #fa5252;
    --mahva-theme-color-utility-on-error: #fff0f0;
    --mahva-theme-color-utility-error-container: #330000;
    --mahva-theme-color-utility-outline: #74c69d;
    --mahva-theme-color-utility-list-hover: rgba(116, 198, 157, 0.08);
    --mahva-theme-color-utility-list-active: rgba(116, 198, 157, 0.12);
    --mahva-theme-color-surface-1: #14241a;
    --mahva-theme-color-surface-2: #1b4332;
    --mahva-theme-color-surface-3: #2d6a4f;
    --mahva-theme-color-surface-4: #40916c;
    --mahva-theme-color-surface-5: #52b788;
    --mahva-theme-color-extensions-do-container: #34be4d;
    --mahva-theme-color-extensions-on-do-container: #061c0e;
    --mahva-theme-color-extensions-dont-container: #ff4d4d;
    --mahva-theme-color-extensions-on-dont-container: #330000;
    --mahva-theme-color-extensions-caution-container: #ffee00;
    --mahva-theme-color-extensions-on-caution-container: #333000;
    --mahva-theme-color-copy-link-tooltip: #1e2e24;
    --mahva-theme-color-warning-icon: #f8c12c;
    --mahva-theme-elevation-1: 0px 1px 3px rgba(0, 255, 120, 0.1);
    --mahva-theme-elevation-2: 0px 2px 6px rgba(0, 255, 120, 0.15);
    --mahva-theme-elevation-3: 0px 4px 12px rgba(0, 255, 120, 0.25);
    --mahva-theme-color-scrim-video-container: rgba(0, 128, 64, 0.5);
    --mahva-theme-color-scrim-video-control: rgba(0, 255, 128, 0.1);
    --mahva-theme-color-scrim-video-control-pressed: rgba(0, 255, 128, 0.2);
}
[data-theme="theme-red"] {
    --mahva-theme-global-text-color: #ffffff;
    /* === Primary Red Colors === */
    --mahva-theme-color-primary: #b71c1c;
    --mahva-theme-color-primary-80: #e57373;
    --mahva-theme-color-primary-30: #8e0000;
    --mahva-theme-color-primary-20: #4a0000;
    --mahva-theme-color-on-primary: #ffffff;
    --mahva-theme-color-primary-container: #ffcdd2;
    --mahva-theme-color-on-primary-container: #3e0000;
    /* === Secondary (Dark Green / Teal as complement to Red) === */
    --mahva-theme-color-secondary: #004d40;
    --mahva-theme-color-on-secondary: #ffffff;
    --mahva-theme-color-secondary-container: #a7ffeb;
    --mahva-theme-color-on-secondary-container: #00201a;
    /* === Tertiary (Muted Cool Gray) === */
    --mahva-theme-color-tertiary-container: #d6d6d6;
    --mahva-theme-color-on-tertiary-container: #2f2f2f;
    /* === Background & Surface === */
    --mahva-theme-color-background: #fdfcfc;
    --mahva-theme-color-on-background: #1e1e1e;
    --mahva-theme-color-surface-0: #ffffff;
    --mahva-theme-color-on-surface: #1c1b1e;
    --mahva-theme-color-surface-variant: #f0f0f0;
    --mahva-theme-color-on-surface-variant: #4a4a4a;
    /* === Inverse Surface === */
    --mahva-theme-color-inverse-surface: #2d2d2d;
    --mahva-theme-color-inverse-on-surface: #fcecec;
    /* === Utility / State Colors === */
    --mahva-theme-color-utility-error: #b00020;
    --mahva-theme-color-utility-on-error: #ffffff;
    --mahva-theme-color-utility-error-container: #f8d7da;
    --mahva-theme-color-utility-outline: #9e9e9e;
    /* === Hover / Active === */
    --mahva-theme-color-utility-list-hover: rgba(183, 28, 28, 0.08);
    --mahva-theme-color-utility-list-active: rgba(183, 28, 28, 0.12);
    /* === Gradient Variants === */
    --mahva-theme-color-on-surface-variant-2: linear-gradient( 0deg, rgba(183, 28, 28, 0.08), rgba(183, 28, 28, 0.08) );
    --mahva-theme-color-on-surface-variant-4: linear-gradient( 0deg, rgba(183, 28, 28, 0.12), rgba(183, 28, 28, 0.12) );
    /* === Footer / Header === */
    --mahva-theme-default-base-color-footer: #6d0000;
    --mahva-theme-default-base-color-footer-02: #430000;
    --mahva-theme-default-base-color-Header: #ffffff;
    --mahva-theme-default-base-color-Light-Header: #f8d7da;
    /* === Elevation === */
    --mahva-theme-elevation-1: 0px 1px 2px rgba(0, 0, 0, 0.15);
    --mahva-theme-elevation-2: 0px 2px 4px rgba(0, 0, 0, 0.2);
    --mahva-theme-elevation-3: 0px 4px 8px rgba(0, 0, 0, 0.25);
    /* === Extensions: Do / Don't / Caution / Tooltip === */
    --mahva-theme-color-extensions-do-container: #1b5e20;
    --mahva-theme-color-extensions-on-do-container: #ffffff;
    --mahva-theme-color-extensions-dont-container: #c62828;
    --mahva-theme-color-extensions-on-dont-container: #ffffff;
    --mahva-theme-color-extensions-caution-container: #455a64;
    --mahva-theme-color-extensions-on-caution-container: #ffffff;
    --mahva-theme-color-copy-link-tooltip: #eeeeee;
    /* === Video UI === */
    --mahva-theme-color-scrim-video-container: rgba(30, 30, 30, 0.6);
    --mahva-theme-color-scrim-video-control: rgba(255, 255, 255, 0.1);
    --mahva-theme-color-scrim-video-control-pressed: rgba(255, 255, 255, 0.2);
    /* === Surface Levels === */
    --mahva-theme-color-surface-1: #fbeaea;
    --mahva-theme-color-surface-2: #f6d7d7;
    --mahva-theme-color-surface-3: #f1c4c4;
    --mahva-theme-color-surface-4: #ebafaf;
    --mahva-theme-color-surface-5: #e59999;
    /* === Neutrals === */
    --mahva-theme-color-ref-neutral-100: #f5f5f5;
    --mahva-theme-color-ref-neutral-200: #eeeeee;
    /* === Accents / Custom Grays === */
    --mahva-theme-global-color-accentsecondary: #ffffff;
    --mahva-theme-color-second: #9a0007;
    --mahva-theme-color-gray-color: #bdbdbd;
    --mahva-theme-default-base-color-1: #8e0000;
    --mahva-theme-default-base-color-2: #6b0000;
}
[data-bs-theme="dark"][data-theme="theme-red"] {
    --mahva-theme-global-text-color: #ffffff;
    /* === Primary Colors === */
    --mahva-theme-color-primary: #ff8a80;
    --mahva-theme-color-primary-80: #ff5252;
    --mahva-theme-color-primary-30: #ff1744;
    --mahva-theme-color-primary-20: #d50000;
    --mahva-theme-color-on-primary: #1c0000;
    --mahva-theme-color-card-background: #2e0000;
    --mahva-theme-color-primary-container: #330000;
    --mahva-theme-color-on-primary-container: #ffb3b3;
    /* === Secondary: Deep Teal (complement to red) === */
    --mahva-theme-color-secondary: #80cbc4;
    --mahva-theme-color-on-secondary: #00100e;
    --mahva-theme-color-secondary-container: #004944;
    --mahva-theme-color-on-secondary-container: #a7ffeb;
    /* === Tertiary: Grayish neutral red === */
    --mahva-theme-color-tertiary-container: #3a2a2a;
    --mahva-theme-color-on-tertiary-container: #ffbdbd;
    /* === Background & Surface === */
    --mahva-theme-color-background: #1a0d0d;
    --mahva-theme-color-on-background: #fcecec;
    --mahva-theme-color-surface-0: #1c0c0c;
    --mahva-theme-color-on-surface: #f5caca;
    --mahva-theme-color-surface-variant: #2e1a1a;
    --mahva-theme-color-on-surface-variant: #dbaaaa;
    /* === Inverse Surface === */
    --mahva-theme-color-inverse-surface: #fdfdfd;
    --mahva-theme-color-inverse-on-surface: #3c0000;
    /* === Utility / States === */
    --mahva-theme-color-utility-error: #cf6679;
    --mahva-theme-color-utility-on-error: #000000;
    --mahva-theme-color-utility-error-container: #490000;
    --mahva-theme-color-utility-outline: #996666;
    --mahva-theme-color-utility-list-hover: rgba(255, 138, 128, 0.12);
    --mahva-theme-color-utility-list-active: rgba(255, 138, 128, 0.18);
    /* === Gradients === */
    --mahva-theme-color-on-surface-variant-2: linear-gradient( 0deg, rgba(255, 138, 128, 0.08), rgba(255, 138, 128, 0.08) );
    --mahva-theme-color-on-surface-variant-4: linear-gradient( 0deg, rgba(255, 138, 128, 0.12), rgba(255, 138, 128, 0.12) );
    /* === Header / Footer === */
    --mahva-theme-default-base-color-footer: #330000;
    --mahva-theme-default-base-color-footer-02: #1a0000;
    --mahva-theme-default-base-color-Header: #1c0c0c;
    --mahva-theme-default-base-color-Light-Header: #3a1c1c;
    /* === Elevation === */
    --mahva-theme-elevation-1: 0px 1px 3px rgba(255, 0, 0, 0.1);
    --mahva-theme-elevation-2: 0px 2px 6px rgba(255, 50, 50, 0.15);
    --mahva-theme-elevation-3: 0px 4px 10px rgba(255, 100, 100, 0.2);
    /* === Extensions === */
    --mahva-theme-color-extensions-do-container: #003300;
    --mahva-theme-color-extensions-on-do-container: #ccffcc;
    --mahva-theme-color-extensions-dont-container: #330000;
    --mahva-theme-color-extensions-on-dont-container: #ffcccc;
    --mahva-theme-color-extensions-caution-container: #2b1b1b;
    --mahva-theme-color-extensions-on-caution-container: #f5caca;
    --mahva-theme-color-copy-link-tooltip: #3a1a1a;
    /* === Video Controls === */
    --mahva-theme-color-scrim-video-container: rgba(0, 0, 0, 0.6);
    --mahva-theme-color-scrim-video-control: rgba(255, 255, 255, 0.1);
    --mahva-theme-color-scrim-video-control-pressed: rgba(255, 255, 255, 0.2);
    /* === Surface Levels === */
    --mahva-theme-color-surface-1: #2d1111;
    --mahva-theme-color-surface-2: #3f1818;
    --mahva-theme-color-surface-3: #501f1f;
    --mahva-theme-color-surface-4: #622626;
    --mahva-theme-color-surface-5: #732c2c;
    /* === Neutral Grays === */
    --mahva-theme-color-ref-neutral-100: #2e2e2e;
    --mahva-theme-color-ref-neutral-200: #3b3b3b;
    /* === Accents === */
    --mahva-theme-global-color-accentsecondary: #ffcccc;
    --mahva-theme-color-second: #8e0000;
    --mahva-theme-color-gray-color: #999999;
    --mahva-theme-default-base-color-1: #7b1f1f;
    --mahva-theme-default-base-color-2: #4a0f0f;
}