:root {
  --mf-prim-color-black: hsl(0, 0%, 0%);
  --mf-prim-color-white: hsl(0, 0%, 100%);
  --mf-prim-color-global-gray-50: hsl(0, 0%, 97%);
  --mf-prim-color-global-gray-100: hsl(0, 0%, 96%);
  --mf-prim-color-global-gray-200: hsl(0, 0%, 90%);
  --mf-prim-color-global-gray-300: hsl(0, 0%, 84%);
  --mf-prim-color-global-gray-400: hsl(0, 0%, 64%);
  --mf-prim-color-global-gray-500: hsl(0, 0%, 45%);
  --mf-prim-color-global-gray-700: hsl(0, 0%, 26%);
  --mf-prim-color-global-gray-950: hsl(0, 0%, 6%);
  --mf-prim-color-global-red-50: hsl(5, 86%, 97%);
  --mf-prim-color-global-red-100: hsl(4, 93%, 94%);
  --mf-prim-color-global-red-200: hsl(3, 96%, 89%);
  --mf-prim-color-global-red-300: hsl(4, 96%, 80%);
  --mf-prim-color-global-red-500: hsl(4, 86%, 58%);
  --mf-prim-color-global-red-600: hsl(4, 74%, 49%);
  --mf-prim-color-global-red-700: hsl(4, 76%, 40%);
  --mf-prim-color-global-red-800: hsl(4, 72%, 33%);
  --mf-prim-color-global-red-900: hsl(8, 65%, 29%);
  --mf-prim-color-global-red-950: hsl(8, 75%, 19%);
  --mf-prim-color-global-white-a2: hsla(0, 0%, 100%, 0.019999999552965164);
  --mf-prim-color-global-white-a5: hsla(0, 0%, 100%, 0.05000000074505806);
  --mf-prim-color-global-white-a10: hsla(0, 0%, 100%, 0.10000000149011612);
  --mf-prim-color-global-white-a20: hsla(0, 0%, 100%, 0.20000000298023224);
  --mf-prim-color-global-white-a30: hsla(0, 0%, 100%, 0.30000001192092896);
  --mf-prim-color-global-white-a40: hsla(0, 0%, 100%, 0.4000000059604645);
  --mf-prim-color-global-white-a50: hsla(0, 0%, 100%, 0.5);
  --mf-prim-color-global-white-a60: hsla(0, 0%, 100%, 0.6000000238418579);
  --mf-prim-color-global-white-a70: hsla(0, 0%, 100%, 0.699999988079071);
  --mf-prim-color-global-white-a80: hsla(0, 0%, 100%, 0.800000011920929);
  --mf-prim-color-global-white-a90: hsla(0, 0%, 100%, 0.8999999761581421);
  --mf-prim-color-global-white-a95: hsla(0, 0%, 100%, 0.949999988079071);
  --mf-prim-color-global-black-a2: hsla(0, 0%, 0%, 0.019999999552965164);
  --mf-prim-color-global-black-a5: hsla(0, 0%, 0%, 0.05000000074505806);
  --mf-prim-color-global-black-a10: hsla(0, 0%, 0%, 0.10000000149011612);
  --mf-prim-color-global-black-a20: hsla(0, 0%, 0%, 0.20000000298023224);
  --mf-prim-color-global-black-a30: hsla(0, 0%, 0%, 0.30000001192092896);
  --mf-prim-color-global-black-a40: hsla(0, 0%, 0%, 0.4000000059604645);
  --mf-prim-color-global-black-a50: hsla(0, 0%, 0%, 0.5);
  --mf-prim-color-global-black-a60: hsla(0, 0%, 0%, 0.6000000238418579);
  --mf-prim-color-global-black-a70: hsla(0, 0%, 0%, 0.699999988079071);
  --mf-prim-color-global-black-a80: hsla(0, 0%, 0%, 0.800000011920929);
  --mf-prim-color-global-black-a90: hsla(0, 0%, 0%, 0.8999999761581421);
  --mf-prim-color-global-black-a95: hsla(0, 0%, 0%, 0.949999988079071);
  --mf-prim-color-global-blue-100: hsl(220, 100%, 91%);
  --mf-prim-color-global-blue-200: hsl(220, 100%, 85%);
  --mf-prim-color-global-blue-300: hsl(220, 100%, 76%);
  --mf-prim-color-global-blue-500: hsl(220, 100%, 58%);
  --mf-prim-color-global-blue-600: hsl(220, 87%, 51%);
  --mf-prim-color-global-blue-700: hsl(220, 100%, 46%);
  --mf-prim-color-global-blue-800: hsl(220, 100%, 38%);
  --mf-prim-color-global-blue-900: hsl(220, 100%, 31%);
  --mf-prim-color-global-blue-950: hsl(220, 100%, 20%);
  --mf-prim-font-family-larken: Larken;
  --mf-prim-font-size-10: 10px;
  --mf-prim-font-size-12: 12px;
  --mf-prim-font-size-14: 14px;
  --mf-prim-font-size-16: 16px;
  --mf-prim-font-size-18: 18px;
  --mf-prim-font-size-20: 20px;
  --mf-prim-font-size-24: 24px;
  --mf-prim-font-size-32: 32px;
  --mf-prim-font-size-40: 40px;
  --mf-prim-font-size-48: 48px;
  --mf-prim-font-weight-400: 400;
  --mf-prim-font-weight-500: 500;
  --mf-prim-font-weight-600: 600;
  --mf-prim-font-weight-700: 700;
  --mf-prim-font-line-height-10: 10px;
  --mf-prim-font-line-height-18: 18px;
  --mf-prim-font-line-height-20: 20px;
  --mf-prim-font-line-height-24: 24px;
  --mf-prim-font-line-height-28: 28px;
  --mf-prim-font-line-height-32: 32px;
  --mf-prim-font-line-height-36: 36px;
  --mf-prim-font-line-height-40: 40px;
  --mf-prim-font-line-height-44: 44px;
  --mf-prim-font-line-height-48: 48px;
  --mf-prim-font-line-height-52: 52px;
  --mf-prim-font-spacing-0: 0px;
  --mf-prim-spacing-0: 0px;
  --mf-prim-spacing-1: 1px;
  --mf-prim-spacing-2: 2px;
  --mf-prim-spacing-4: 4px;
  --mf-prim-spacing-6: 6px;
  --mf-prim-spacing-8: 8px;
  --mf-prim-spacing-10: 10px;
  --mf-prim-spacing-12: 12px;
  --mf-prim-spacing-16: 16px;
  --mf-prim-spacing-20: 20px;
  --mf-prim-spacing-24: 24px;
  --mf-prim-spacing-32: 32px;
  --mf-prim-spacing-40: 40px;
  --mf-prim-spacing-48: 48px;
  --mf-prim-spacing-56: 56px;
  --mf-prim-spacing-64: 64px;
  --mf-prim-spacing-80: 80px;
  --mf-prim-spacing-96: 96px;
  --mf-prim-spacing-112: 112px;
  --mf-prim-spacing-128: 128px;
  --mf-prim-spacing-144: 144px;
  --mf-prim-spacing-160: 160px;
  --mf-prim-spacing-176: 176px;
  --mf-prim-spacing-192: 192px;
  --mf-prim-spacing-208: 208px;
  --mf-prim-spacing-224: 224px;
  --mf-prim-spacing-256: 256px;
  --mf-prim-spacing-320: 320px;
  --mf-prim-spacing-384: 384px;
  --mf-prim-spacing-448: 448px;
  --mf-prim-spacing-512: 512px;
  --mf-prim-spacing-576: 576px;
  --mf-prim-spacing-640: 640px;
  --mf-prim-border-0: 0px;
  --mf-prim-border-1: 1px;
  --mf-prim-rounded-0: 0px;
  --mf-prim-rounded-4: 4px;
  --mf-prim-rounded-8: 8px;
  --mf-prim-rounded-12: 12px;
  --mf-prim-rounded-16: 16px;
  --mf-prim-rounded-24: 24px;
  --mf-prim-rounded-32: 32px;
  --mf-prim-rounded-1000: 1000px;
  --mf-prim-color-mallof-black-50: hsl(0, 0%, 92%);
  --mf-prim-color-mallof-black-100: hsl(0, 0%, 85%);
  --mf-prim-color-mallof-black-200: hsl(0, 0%, 71%);
  --mf-prim-color-mallof-black-300: hsl(0, 0%, 58%);
  --mf-prim-color-mallof-black-500: hsl(0, 0%, 31%);
  --mf-prim-color-mallof-black-700: hsl(0, 0%, 9%);
  --mf-prim-color-mallof-black-800: hsl(0, 0%, 7%);
  --mf-prim-color-mallof-black-900: hsl(0, 0%, 4%);
  --mf-prim-color-mallof-black-950: hsl(0, 0%, 2%);
  --mf-prim-color-mallof-green-50: hsl(156, 94%, 88%);
  --mf-prim-color-mallof-green-100: hsl(161, 96%, 69%);
  --mf-prim-color-mallof-green-200: hsl(162, 68%, 58%);
  --mf-prim-color-mallof-green-300: hsl(162, 50%, 49%);
  --mf-prim-color-mallof-green-500: hsl(162, 52%, 34%);
  --mf-prim-color-mallof-green-600: hsl(162, 54%, 26%);
  --mf-prim-color-mallof-green-700: hsl(162, 57%, 19%);
  --mf-prim-color-mallof-green-800: hsl(162, 64%, 13%);
  --mf-prim-color-mallof-green-900: hsl(160, 73%, 7%);
  --mf-prim-color-mallof-green-950: hsl(160, 82%, 4%);
  --mf-prim-color-mallof-orange-50: hsl(9, 78%, 96%);
  --mf-prim-color-mallof-orange-100: hsl(9, 78%, 93%);
  --mf-prim-color-mallof-orange-200: hsl(8, 82%, 85%);
  --mf-prim-color-mallof-orange-300: hsl(9, 83%, 77%);
  --mf-prim-color-mallof-orange-500: hsl(14, 79%, 57%);
  --mf-prim-color-mallof-orange-600: hsl(14, 62%, 45%);
  --mf-prim-color-mallof-orange-700: hsl(14, 64%, 33%);
  --mf-prim-color-mallof-orange-800: hsl(14, 68%, 22%);
  --mf-prim-color-mallof-orange-900: hsl(14, 79%, 13%);
  --mf-prim-color-mallof-orange-950: hsl(12, 86%, 8%);
  --mf-prim-font-family-din-next-lt-arabic: "DIN Next LT Arabic";
  --mf-prim-font-family-el-messiri: "El Messiri";
  --mf-prim-font-family-jost: Jost;
}

[data-theme="mall-of"] {
  --mf-v2-color-base-black: var(--mf-prim-color-black);
  --mf-v2-color-base-white: var(--mf-prim-color-white);
  --mf-v2-color-base-transparent: hsla(0, 0%, 100%, 0);
  --mf-v2-color-base-background: var(--mf-prim-color-white);
  --mf-v2-color-neutral-surface-lighter: var(--mf-prim-color-global-gray-50);
  --mf-v2-color-neutral-surface-light: var(--mf-prim-color-global-gray-100);
  --mf-v2-color-neutral-on-surface-lighter: var(--mf-prim-color-global-gray-950);
  --mf-v2-color-neutral-on-surface-light: var(--mf-prim-color-global-gray-950);
  --mf-v2-color-neutral-on-surface-base: var(--mf-prim-color-global-gray-950);
  --mf-v2-color-neutral-on-surface-dark: var(--mf-prim-color-global-gray-950);
  --mf-v2-color-neutral-on-surface-darker: var(--mf-prim-color-global-gray-950);
  --mf-v2-color-neutral-text-main: var(--mf-prim-color-black);
  --mf-v2-color-neutral-text-secondary: var(--mf-prim-color-global-gray-700);
  --mf-v2-color-neutral-text-tertiary: var(--mf-prim-color-global-gray-500);
  --mf-v2-color-neutral-text-inverted: var(--mf-prim-color-white);
  --mf-v2-color-neutral-surface-base: var(--mf-prim-color-global-gray-200);
  --mf-v2-color-neutral-surface-dark: var(--mf-prim-color-global-gray-300);
  --mf-v2-color-neutral-surface-darker: var(--mf-prim-color-global-gray-400);
  --mf-v2-color-neutral-surface-hover: var(--mf-prim-color-global-gray-200);
  --mf-v2-color-neutral-surface-pressed: var(--mf-prim-color-global-gray-300);
  --mf-v2-color-neutral-foreground-main: var(--mf-prim-color-black);
  --mf-v2-color-neutral-foreground-secondary: var(--mf-prim-color-global-gray-700);
  --mf-v2-color-neutral-foreground-tertiary: var(--mf-prim-color-global-gray-500);
  --mf-v2-color-neutral-foreground-inverted: var(--mf-prim-color-white);
  --mf-v2-color-neutral-border-main: var(--mf-prim-color-black);
  --mf-v2-color-neutral-border-lighter: var(--mf-prim-color-global-gray-100);
  --mf-v2-color-neutral-border-light: var(--mf-prim-color-global-gray-200);
  --mf-v2-color-neutral-border-base: var(--mf-prim-color-global-gray-300);
  --mf-v2-color-neutral-border-dark: var(--mf-prim-color-global-gray-400);
  --mf-v2-color-neutral-border-darker: var(--mf-prim-color-global-gray-500);
  --mf-v2-color-neutral-border-inverted: var(--mf-prim-color-white);
  --mf-v2-color-primary-surface-lighter: var(--mf-prim-color-mallof-black-50);
  --mf-v2-color-primary-on-surface-lighter: var(--mf-prim-color-mallof-black-950);
  --mf-v2-color-primary-on-surface-light: var(--mf-prim-color-mallof-black-950);
  --mf-v2-color-primary-on-surface-base: var(--mf-prim-color-white);
  --mf-v2-color-primary-on-surface-dark: var(--mf-prim-color-white);
  --mf-v2-color-primary-on-surface-darker: var(--mf-prim-color-white);
  --mf-v2-color-primary-text-main: var(--mf-prim-color-mallof-black-950);
  --mf-v2-color-primary-text-secondary: var(--mf-prim-color-mallof-black-500);
  --mf-v2-color-primary-text-tertiary: var(--mf-prim-color-mallof-black-300);
  --mf-v2-color-primary-surface-light: var(--mf-prim-color-mallof-black-200);
  --mf-v2-color-primary-surface-base: var(--mf-prim-color-mallof-black-900);
  --mf-v2-color-primary-surface-dark: var(--mf-prim-color-mallof-black-950);
  --mf-v2-color-primary-surface-darker: var(--mf-prim-color-mallof-black-950);
  --mf-v2-color-primary-surface-hover: var(--mf-prim-color-mallof-black-800);
  --mf-v2-color-primary-surface-pressed: var(--mf-prim-color-mallof-black-700);
  --mf-v2-color-primary-foreground-main: var(--mf-prim-color-mallof-black-950);
  --mf-v2-color-primary-border-lighter: var(--mf-prim-color-mallof-black-100);
  --mf-v2-color-primary-border-light: var(--mf-prim-color-mallof-black-300);
  --mf-v2-color-primary-border-base: var(--mf-prim-color-mallof-black-900);
  --mf-v2-color-primary-border-dark: var(--mf-prim-color-mallof-black-950);
  --mf-v2-color-primary-border-darker: var(--mf-prim-color-mallof-black-950);
  --mf-v2-color-primary-foreground-secondary: var(--mf-prim-color-mallof-black-500);
  --mf-v2-color-primary-foreground-tertiary: var(--mf-prim-color-mallof-black-300);
  --mf-v2-color-alpha-light-2: var(--mf-prim-color-global-white-a2);
  --mf-v2-color-secondary-surface-lighter: var(--mf-prim-color-mallof-black-50);
  --mf-v2-color-secondary-surface-light: var(--mf-prim-color-mallof-black-200);
  --mf-v2-color-secondary-surface-base: var(--mf-prim-color-mallof-black-900);
  --mf-v2-color-secondary-surface-dark: var(--mf-prim-color-mallof-black-950);
  --mf-v2-color-secondary-surface-darker: var(--mf-prim-color-mallof-black-950);
  --mf-v2-color-secondary-surface-hover: var(--mf-prim-color-mallof-black-800);
  --mf-v2-color-secondary-surface-pressed: var(--mf-prim-color-mallof-black-700);
  --mf-v2-color-secondary-on-surface-lighter: var(--mf-prim-color-mallof-black-950);
  --mf-v2-color-secondary-on-surface-light: var(--mf-prim-color-mallof-black-950);
  --mf-v2-color-secondary-on-surface-base: var(--mf-prim-color-white);
  --mf-v2-color-secondary-on-surface-dark: var(--mf-prim-color-white);
  --mf-v2-color-secondary-on-surface-darker: var(--mf-prim-color-white);
  --mf-v2-color-secondary-text-main: var(--mf-prim-color-mallof-black-950);
  --mf-v2-color-secondary-text-secondary: var(--mf-prim-color-mallof-black-500);
  --mf-v2-color-secondary-text-tertiary: var(--mf-prim-color-mallof-black-300);
  --mf-v2-color-secondary-text-quaternary: var(--mf-prim-color-mallof-black-200);
  --mf-v2-color-secondary-text-muted: var(--mf-prim-color-mallof-black-100);
  --mf-v2-color-secondary-foreground-main: var(--mf-prim-color-mallof-black-950);
  --mf-v2-color-secondary-foreground-secondary: var(--mf-prim-color-mallof-black-500);
  --mf-v2-color-secondary-foreground-tertiary: var(--mf-prim-color-mallof-black-300);
  --mf-v2-color-secondary-foreground-quaternary: var(--mf-prim-color-mallof-black-200);
  --mf-v2-color-secondary-foreground-muted: var(--mf-prim-color-mallof-black-100);
  --mf-v2-color-secondary-border-lighter: var(--mf-prim-color-mallof-black-100);
  --mf-v2-color-secondary-border-light: var(--mf-prim-color-mallof-black-300);
  --mf-v2-color-secondary-border-base: var(--mf-prim-color-mallof-black-900);
  --mf-v2-color-secondary-border-dark: var(--mf-prim-color-mallof-black-950);
  --mf-v2-color-secondary-border-darker: var(--mf-prim-color-mallof-black-950);
  --mf-v2-color-success-surface-lighter: var(--mf-prim-color-mallof-green-50);
  --mf-v2-color-success-surface-light: var(--mf-prim-color-mallof-green-200);
  --mf-v2-color-success-surface-base: var(--mf-prim-color-mallof-green-500);
  --mf-v2-color-success-surface-dark: var(--mf-prim-color-mallof-green-700);
  --mf-v2-color-success-surface-darker: var(--mf-prim-color-mallof-green-900);
  --mf-v2-color-success-surface-hover: var(--mf-prim-color-mallof-green-600);
  --mf-v2-color-success-surface-pressed: var(--mf-prim-color-mallof-green-700);
  --mf-v2-color-success-on-surface-lighter: var(--mf-prim-color-mallof-green-950);
  --mf-v2-color-success-on-surface-light: var(--mf-prim-color-mallof-green-950);
  --mf-v2-color-success-on-surface-base: var(--mf-prim-color-white);
  --mf-v2-color-success-on-surface-dark: var(--mf-prim-color-white);
  --mf-v2-color-success-on-surface-darker: var(--mf-prim-color-white);
  --mf-v2-color-success-text-tertiary: var(--mf-prim-color-mallof-green-300);
  --mf-v2-color-success-border-lighter: var(--mf-prim-color-mallof-green-100);
  --mf-v2-color-success-border-light: var(--mf-prim-color-mallof-green-300);
  --mf-v2-color-success-border-base: var(--mf-prim-color-mallof-green-600);
  --mf-v2-color-success-border-dark: var(--mf-prim-color-mallof-green-800);
  --mf-v2-color-success-border-darker: var(--mf-prim-color-mallof-green-950);
  --mf-v2-color-success-foreground-secondary: var(--mf-prim-color-mallof-green-500);
  --mf-v2-color-success-foreground-tertiary: var(--mf-prim-color-mallof-green-300);
  --mf-v2-color-warning-surface-lighter: var(--mf-prim-color-mallof-orange-50);
  --mf-v2-color-warning-surface-light: var(--mf-prim-color-mallof-orange-200);
  --mf-v2-color-warning-surface-base: var(--mf-prim-color-mallof-orange-500);
  --mf-v2-color-warning-surface-dark: var(--mf-prim-color-mallof-orange-700);
  --mf-v2-color-warning-surface-darker: var(--mf-prim-color-mallof-orange-900);
  --mf-v2-color-warning-surface-hover: var(--mf-prim-color-mallof-orange-600);
  --mf-v2-color-warning-surface-pressed: var(--mf-prim-color-mallof-orange-700);
  --mf-v2-color-warning-on-surface-lighter: var(--mf-prim-color-mallof-orange-950);
  --mf-v2-color-warning-on-surface-light: var(--mf-prim-color-mallof-orange-950);
  --mf-v2-color-warning-on-surface-base: var(--mf-prim-color-white);
  --mf-v2-color-warning-on-surface-dark: var(--mf-prim-color-white);
  --mf-v2-color-warning-on-surface-darker: var(--mf-prim-color-white);
  --mf-v2-color-warning-text-main: var(--mf-prim-color-mallof-orange-600);
  --mf-v2-color-warning-text-secondary: var(--mf-prim-color-mallof-orange-500);
  --mf-v2-color-warning-text-tertiary: var(--mf-prim-color-mallof-orange-300);
  --mf-v2-color-warning-foreground-main: var(--mf-prim-color-mallof-orange-600);
  --mf-v2-color-warning-border-lighter: var(--mf-prim-color-mallof-orange-100);
  --mf-v2-color-warning-border-light: var(--mf-prim-color-mallof-orange-300);
  --mf-v2-color-warning-border-base: var(--mf-prim-color-mallof-orange-600);
  --mf-v2-color-warning-border-dark: var(--mf-prim-color-mallof-orange-800);
  --mf-v2-color-warning-border-darker: var(--mf-prim-color-mallof-orange-950);
  --mf-v2-color-warning-foreground-secondary: var(--mf-prim-color-mallof-orange-500);
  --mf-v2-color-warning-foreground-tertiary: var(--mf-prim-color-mallof-orange-300);
  --mf-v2-color-error-surface-lighter: var(--mf-prim-color-global-red-50);
  --mf-v2-color-error-surface-light: var(--mf-prim-color-global-red-200);
  --mf-v2-color-error-surface-base: var(--mf-prim-color-global-red-500);
  --mf-v2-color-error-surface-dark: var(--mf-prim-color-global-red-700);
  --mf-v2-color-error-surface-darker: var(--mf-prim-color-global-red-900);
  --mf-v2-color-error-surface-hover: var(--mf-prim-color-global-red-600);
  --mf-v2-color-error-surface-pressed: var(--mf-prim-color-global-red-700);
  --mf-v2-color-error-on-surface-lighter: var(--mf-prim-color-global-red-950);
  --mf-v2-color-error-on-surface-light: var(--mf-prim-color-global-red-950);
  --mf-v2-color-error-on-surface-base: var(--mf-prim-color-white);
  --mf-v2-color-error-on-surface-dark: var(--mf-prim-color-white);
  --mf-v2-color-error-on-surface-darker: var(--mf-prim-color-white);
  --mf-v2-color-error-text-main: var(--mf-prim-color-global-red-600);
  --mf-v2-color-error-text-secondary: var(--mf-prim-color-global-red-500);
  --mf-v2-color-error-text-tertiary: var(--mf-prim-color-global-red-300);
  --mf-v2-color-error-foreground-main: var(--mf-prim-color-global-red-600);
  --mf-v2-color-error-foreground-secondary: var(--mf-prim-color-global-red-500);
  --mf-v2-color-error-foreground-tertiary: var(--mf-prim-color-global-red-300);
  --mf-v2-color-error-border-lighter: var(--mf-prim-color-global-red-100);
  --mf-v2-color-error-border-light: var(--mf-prim-color-global-red-300);
  --mf-v2-color-error-border-base: var(--mf-prim-color-global-red-600);
  --mf-v2-color-error-border-dark: var(--mf-prim-color-global-red-800);
  --mf-v2-color-error-border-darker: var(--mf-prim-color-global-red-950);
  --mf-v2-color-info-surface-light: var(--mf-prim-color-global-blue-200);
  --mf-v2-color-info-surface-base: var(--mf-prim-color-global-blue-500);
  --mf-v2-color-info-surface-dark: var(--mf-prim-color-global-blue-700);
  --mf-v2-color-info-surface-darker: var(--mf-prim-color-global-blue-900);
  --mf-v2-color-info-surface-hover: var(--mf-prim-color-global-blue-600);
  --mf-v2-color-info-surface-pressed: var(--mf-prim-color-global-blue-700);
  --mf-v2-color-info-on-surface-lighter: var(--mf-prim-color-global-blue-950);
  --mf-v2-color-info-on-surface-light: var(--mf-prim-color-global-blue-950);
  --mf-v2-color-info-on-surface-base: var(--mf-prim-color-white);
  --mf-v2-color-info-on-surface-dark: var(--mf-prim-color-white);
  --mf-v2-color-info-on-surface-darker: var(--mf-prim-color-white);
  --mf-v2-color-info-text-main: var(--mf-prim-color-global-blue-600);
  --mf-v2-color-info-text-secondary: var(--mf-prim-color-global-blue-500);
  --mf-v2-color-info-text-tertiary: var(--mf-prim-color-global-blue-300);
  --mf-v2-color-info-foreground-secondary: var(--mf-prim-color-global-blue-500);
  --mf-v2-color-info-foreground-tertiary: var(--mf-prim-color-global-blue-300);
  --mf-v2-color-info-border-lighter: var(--mf-prim-color-global-blue-100);
  --mf-v2-color-info-border-light: var(--mf-prim-color-global-blue-300);
  --mf-v2-color-info-border-base: var(--mf-prim-color-global-blue-600);
  --mf-v2-color-info-border-dark: var(--mf-prim-color-global-blue-800);
  --mf-v2-color-info-border-darker: var(--mf-prim-color-global-blue-950);
  --mf-v2-color-alpha-light-5: var(--mf-prim-color-global-white-a5);
  --mf-v2-color-alpha-light-10: var(--mf-prim-color-global-white-a10);
  --mf-v2-color-alpha-light-20: var(--mf-prim-color-global-white-a20);
  --mf-v2-color-alpha-light-30: var(--mf-prim-color-global-white-a30);
  --mf-v2-color-alpha-light-40: var(--mf-prim-color-global-white-a40);
  --mf-v2-color-alpha-light-50: var(--mf-prim-color-global-white-a50);
  --mf-v2-color-alpha-light-60: var(--mf-prim-color-global-white-a60);
  --mf-v2-color-alpha-light-70: var(--mf-prim-color-global-white-a70);
  --mf-v2-color-alpha-light-80: var(--mf-prim-color-global-white-a80);
  --mf-v2-color-alpha-light-90: var(--mf-prim-color-global-white-a90);
  --mf-v2-color-alpha-light-95: var(--mf-prim-color-global-white-a95);
  --mf-v2-size-zero: var(--mf-prim-spacing-0);
  --mf-v2-size-px: var(--mf-prim-spacing-1);
  --mf-v2-size-3xs: var(--mf-prim-spacing-2);
  --mf-v2-size-2xs: var(--mf-prim-spacing-4);
  --mf-v2-size-xs: var(--mf-prim-spacing-6);
  --mf-v2-size-sm: var(--mf-prim-spacing-8);
  --mf-v2-size-md: var(--mf-prim-spacing-10);
  --mf-v2-size-lg: var(--mf-prim-spacing-12);
  --mf-v2-size-xl: var(--mf-prim-spacing-16);
  --mf-v2-size-2xl: var(--mf-prim-spacing-20);
  --mf-v2-size-3xl: var(--mf-prim-spacing-24);
  --mf-v2-size-4xl: var(--mf-prim-spacing-32);
  --mf-v2-size-5xl: var(--mf-prim-spacing-40);
  --mf-v2-size-6xl: var(--mf-prim-spacing-48);
  --mf-v2-size-7xl: var(--mf-prim-spacing-56);
  --mf-v2-size-8xl: var(--mf-prim-spacing-64);
  --mf-v2-size-9xl: var(--mf-prim-spacing-80);
  --mf-v2-size-10xl: var(--mf-prim-spacing-96);
  --mf-v2-size-11xl: var(--mf-prim-spacing-112);
  --mf-v2-size-12xl: var(--mf-prim-spacing-128);
  --mf-v2-size-13xl: var(--mf-prim-spacing-144);
  --mf-v2-size-14xl: var(--mf-prim-spacing-160);
  --mf-v2-size-15xl: var(--mf-prim-spacing-176);
  --mf-v2-size-16xl: var(--mf-prim-spacing-192);
  --mf-v2-size-17xl: var(--mf-prim-spacing-208);
  --mf-v2-size-18xl: var(--mf-prim-spacing-224);
  --mf-v2-size-19xl: var(--mf-prim-spacing-256);
  --mf-v2-size-20xl: var(--mf-prim-spacing-320);
  --mf-v2-size-21xl: var(--mf-prim-spacing-384);
  --mf-v2-size-22xl: var(--mf-prim-spacing-448);
  --mf-v2-size-23xl: var(--mf-prim-spacing-512);
  --mf-v2-size-24xl: var(--mf-prim-spacing-576);
  --mf-v2-size-25xl: var(--mf-prim-spacing-640);
  --mf-v2-border-zero: var(--mf-prim-border-0);
  --mf-v2-border-main: var(--mf-prim-border-1);
  --mf-v2-radius-zero: var(--mf-prim-rounded-0);
  --mf-v2-radius-xxs: var(--mf-prim-rounded-4);
  --mf-v2-radius-xs: var(--mf-prim-rounded-8);
  --mf-v2-radius-sm: var(--mf-prim-rounded-12);
  --mf-v2-radius-md: var(--mf-prim-rounded-16);
  --mf-v2-radius-lg: var(--mf-prim-rounded-24);
  --mf-v2-radius-full: var(--mf-prim-rounded-1000);
  --mf-v2-color-alpha-dark-2: var(--mf-prim-color-global-black-a2);
  --mf-v2-color-alpha-dark-5: var(--mf-prim-color-global-black-a5);
  --mf-v2-color-alpha-dark-10: var(--mf-prim-color-global-black-a10);
  --mf-v2-color-alpha-dark-20: var(--mf-prim-color-global-black-a20);
  --mf-v2-color-alpha-dark-30: var(--mf-prim-color-global-black-a30);
  --mf-v2-color-alpha-dark-40: var(--mf-prim-color-global-black-a40);
  --mf-v2-color-alpha-dark-50: var(--mf-prim-color-global-black-a50);
  --mf-v2-color-alpha-dark-60: var(--mf-prim-color-global-black-a60);
  --mf-v2-color-alpha-dark-70: var(--mf-prim-color-global-black-a70);
  --mf-v2-color-alpha-dark-80: var(--mf-prim-color-global-black-a80);
  --mf-v2-color-alpha-dark-90: var(--mf-prim-color-global-black-a90);
  --mf-v2-color-alpha-dark-95: var(--mf-prim-color-global-black-a95);
  --mf-v2-components-navigation-top-bar-background: var(--mf-v2-color-base-background);
  --mf-v2-components-navigation-tab-bar-radius: var(--mf-prim-rounded-32);
  --mf-v2-components-button-color-primary: var(--mf-v2-color-primary-surface-base);
  --mf-v2-components-button-color-primary-hover: var(--mf-v2-color-primary-surface-hover);
  --mf-v2-components-input-field-size: var(--mf-v2-size-6xl);
  --mf-v2-components-button-color-primary-pressed: var(--mf-v2-color-primary-surface-pressed);
  --mf-v2-components-button-color-primary-on-surface: var(--mf-v2-color-primary-on-surface-base);
  --mf-v2-components-button-color-secondary: var(--mf-v2-color-secondary-surface-base);
  --mf-v2-components-button-color-secondary-hover: var(--mf-v2-color-secondary-surface-hover);
  --mf-v2-components-button-color-secondary-pressed: var(--mf-v2-color-secondary-surface-pressed);
  --mf-v2-components-button-color-secondary-on-surface: var(--mf-v2-color-secondary-on-surface-base);
  --mf-v2-components-button-color-disabled: var(--mf-v2-color-neutral-surface-dark);
  --mf-v2-components-button-color-disabled-on-surface: var(--mf-prim-color-white);
  --mf-v2-components-button-font-weight: var(--mf-prim-font-weight-500);
  --mf-v2-components-input-border-width: var(--mf-prim-border-1);
  --mf-v2-components-input-shadow-color: var(--mf-v2-color-alpha-dark-10);
  --mf-v2-components-button-sm-padding-x: var(--mf-v2-size-sm);
  --mf-v2-components-input-field-padding: var(--mf-v2-size-lg);
  --mf-v2-components-button-sm-size: var(--mf-v2-size-4xl);
  --mf-v2-components-input-field-radius: var(--mf-v2-radius-sm);
  --mf-v2-components-button-sm-radius: var(--mf-v2-radius-sm);
  --mf-v2-components-button-md-padding-x: var(--mf-v2-size-md);
  --mf-v2-components-button-md-size: var(--mf-v2-size-5xl);
  --mf-v2-components-button-md-radius: var(--mf-v2-radius-sm);
  --mf-v2-components-button-lg-padding-x: var(--mf-v2-size-lg);
  --mf-v2-components-button-lg-size: var(--mf-v2-size-6xl);
  --mf-v2-components-button-lg-radius: var(--mf-v2-radius-sm);
  --mf-v2-components-input-highlight-color: var(--mf-prim-color-global-gray-950);
  --mf-v2-components-button-filter-padding-x: var(--mf-v2-size-sm);
  --mf-v2-components-button-filter-size: var(--mf-v2-size-4xl);
  --mf-v2-components-button-filter-radius: var(--mf-v2-radius-full);
}

[data-theme="mall-of"]:lang(en) {
  --mf-v2-heading-font: var(--mf-prim-font-family-larken);
  --mf-v2-subhead-font: var(--mf-prim-font-family-jost);
  --mf-v2-subhead-sm-size: var(--mf-prim-font-size-16);
  --mf-v2-subhead-md-size: var(--mf-prim-font-size-18);
  --mf-v2-subhead-lg-size: var(--mf-prim-font-size-24);
  --mf-v2-subhead-lg-weight: var(--mf-prim-font-weight-500);
  --mf-v2-subhead-lg-line-height: var(--mf-prim-font-line-height-32);
  --mf-v2-subhead-lg-spacing: var(--mf-prim-font-spacing-0);
  --mf-v2-subhead-md-weight: var(--mf-prim-font-weight-500);
  --mf-v2-subhead-md-line-height: var(--mf-prim-font-line-height-24);
  --mf-v2-subhead-md-spacing: var(--mf-prim-font-spacing-0);
  --mf-v2-subhead-sm-weight: var(--mf-prim-font-weight-500);
  --mf-v2-subhead-sm-line-height: var(--mf-prim-font-line-height-24);
  --mf-v2-subhead-sm-spacing: var(--mf-prim-font-spacing-0);
  --mf-v2-paragraph-font: var(--mf-prim-font-family-jost);
  --mf-v2-paragraph-xxs-size: var(--mf-prim-font-size-10);
  --mf-v2-paragraph-xxs-weight: var(--mf-prim-font-weight-400);
  --mf-v2-paragraph-xxs-weight-strong: var(--mf-prim-font-weight-500);
  --mf-v2-paragraph-xxs-line-height: var(--mf-prim-font-line-height-10);
  --mf-v2-paragraph-xxs-spacing: var(--mf-prim-font-spacing-0);
  --mf-v2-paragraph-xs-size: var(--mf-prim-font-size-12);
  --mf-v2-paragraph-xs-weight: var(--mf-prim-font-weight-400);
  --mf-v2-paragraph-xs-weight-strong: var(--mf-prim-font-weight-500);
  --mf-v2-paragraph-xs-line-height: var(--mf-prim-font-line-height-18);
  --mf-v2-paragraph-xs-spacing: var(--mf-prim-font-spacing-0);
  --mf-v2-paragraph-sm-size: var(--mf-prim-font-size-14);
  --mf-v2-paragraph-sm-weight: var(--mf-prim-font-weight-400);
  --mf-v2-paragraph-sm-weight-strong: var(--mf-prim-font-weight-500);
  --mf-v2-paragraph-sm-line-height: var(--mf-prim-font-line-height-20);
  --mf-v2-paragraph-sm-spacing: var(--mf-prim-font-spacing-0);
  --mf-v2-paragraph-md-size: var(--mf-prim-font-size-16);
  --mf-v2-paragraph-md-weight: var(--mf-prim-font-weight-400);
  --mf-v2-paragraph-md-weight-strong: var(--mf-prim-font-weight-500);
  --mf-v2-paragraph-md-line-height: var(--mf-prim-font-line-height-24);
  --mf-v2-paragraph-md-spacing: var(--mf-prim-font-spacing-0);
  --mf-v2-heading-desktop-sm-size: var(--mf-prim-font-size-20);
  --mf-v2-heading-desktop-sm-weight: var(--mf-prim-font-weight-500);
  --mf-v2-heading-desktop-sm-line-height: var(--mf-prim-font-line-height-24);
  --mf-v2-heading-desktop-sm-spacing: var(--mf-prim-font-spacing-0);
  --mf-v2-heading-desktop-md-size: var(--mf-prim-font-size-32);
  --mf-v2-heading-desktop-md-weight: var(--mf-prim-font-weight-500);
  --mf-v2-heading-desktop-md-line-height: var(--mf-prim-font-line-height-36);
  --mf-v2-heading-desktop-md-spacing: var(--mf-prim-font-spacing-0);
  --mf-v2-heading-desktop-lg-size: var(--mf-prim-font-size-40);
  --mf-v2-heading-desktop-lg-weight: var(--mf-prim-font-weight-500);
  --mf-v2-heading-desktop-lg-line-height: var(--mf-prim-font-line-height-44);
  --mf-v2-heading-desktop-lg-spacing: var(--mf-prim-font-spacing-0);
  --mf-v2-heading-desktop-xl-size: var(--mf-prim-font-size-48);
  --mf-v2-heading-desktop-xl-weight: var(--mf-prim-font-weight-500);
  --mf-v2-heading-desktop-xl-line-height: var(--mf-prim-font-line-height-52);
  --mf-v2-heading-desktop-xl-spacing: var(--mf-prim-font-spacing-0);
  --mf-v2-heading-mobile-sm-size: var(--mf-prim-font-size-18);
  --mf-v2-heading-mobile-sm-weight: var(--mf-prim-font-weight-500);
  --mf-v2-heading-mobile-sm-line-height: var(--mf-prim-font-line-height-28);
  --mf-v2-heading-mobile-sm-spacing: var(--mf-prim-font-spacing-0);
  --mf-v2-heading-mobile-md-size: var(--mf-prim-font-size-24);
  --mf-v2-heading-mobile-md-weight: var(--mf-prim-font-weight-500);
  --mf-v2-heading-mobile-md-line-height: var(--mf-prim-font-line-height-32);
  --mf-v2-heading-mobile-md-spacing: var(--mf-prim-font-spacing-0);
  --mf-v2-heading-mobile-lg-size: var(--mf-prim-font-size-32);
  --mf-v2-heading-mobile-lg-weight: var(--mf-prim-font-weight-500);
  --mf-v2-heading-mobile-lg-line-height: var(--mf-prim-font-line-height-36);
  --mf-v2-heading-mobile-lg-spacing: var(--mf-prim-font-spacing-0);
}

[data-theme="mall-of"]:lang(ar) {
  --mf-v2-heading-font: var(--mf-prim-font-family-el-messiri);
  --mf-v2-subhead-font: var(--mf-prim-font-family-din-next-lt-arabic);
  --mf-v2-subhead-sm-size: var(--mf-prim-font-size-16);
  --mf-v2-subhead-md-size: var(--mf-prim-font-size-18);
  --mf-v2-subhead-lg-size: var(--mf-prim-font-size-24);
  --mf-v2-subhead-lg-weight: var(--mf-prim-font-weight-500);
  --mf-v2-subhead-lg-line-height: var(--mf-prim-font-line-height-32);
  --mf-v2-subhead-lg-spacing: var(--mf-prim-font-spacing-0);
  --mf-v2-subhead-md-weight: var(--mf-prim-font-weight-500);
  --mf-v2-subhead-md-line-height: var(--mf-prim-font-line-height-28);
  --mf-v2-subhead-md-spacing: var(--mf-prim-font-spacing-0);
  --mf-v2-subhead-sm-weight: var(--mf-prim-font-weight-500);
  --mf-v2-subhead-sm-line-height: var(--mf-prim-font-line-height-24);
  --mf-v2-subhead-sm-spacing: var(--mf-prim-font-spacing-0);
  --mf-v2-paragraph-font: var(--mf-prim-font-family-din-next-lt-arabic);
  --mf-v2-paragraph-xxs-size: var(--mf-prim-font-size-10);
  --mf-v2-paragraph-xxs-weight: var(--mf-prim-font-weight-400);
  --mf-v2-paragraph-xxs-weight-strong: var(--mf-prim-font-weight-700);
  --mf-v2-paragraph-xxs-line-height: var(--mf-prim-font-line-height-10);
  --mf-v2-paragraph-xxs-spacing: var(--mf-prim-font-spacing-0);
  --mf-v2-paragraph-xs-size: var(--mf-prim-font-size-12);
  --mf-v2-paragraph-xs-weight: var(--mf-prim-font-weight-400);
  --mf-v2-paragraph-xs-weight-strong: var(--mf-prim-font-weight-700);
  --mf-v2-paragraph-xs-line-height: var(--mf-prim-font-line-height-18);
  --mf-v2-paragraph-xs-spacing: var(--mf-prim-font-spacing-0);
  --mf-v2-paragraph-sm-size: var(--mf-prim-font-size-14);
  --mf-v2-paragraph-sm-weight: var(--mf-prim-font-weight-400);
  --mf-v2-paragraph-sm-weight-strong: var(--mf-prim-font-weight-700);
  --mf-v2-paragraph-sm-line-height: var(--mf-prim-font-line-height-20);
  --mf-v2-paragraph-sm-spacing: var(--mf-prim-font-spacing-0);
  --mf-v2-paragraph-md-size: var(--mf-prim-font-size-16);
  --mf-v2-paragraph-md-weight: var(--mf-prim-font-weight-400);
  --mf-v2-paragraph-md-weight-strong: var(--mf-prim-font-weight-700);
  --mf-v2-paragraph-md-line-height: var(--mf-prim-font-line-height-24);
  --mf-v2-paragraph-md-spacing: var(--mf-prim-font-spacing-0);
  --mf-v2-heading-desktop-sm-size: var(--mf-prim-font-size-20);
  --mf-v2-heading-desktop-sm-weight: var(--mf-prim-font-weight-500);
  --mf-v2-heading-desktop-sm-line-height: var(--mf-prim-font-line-height-28);
  --mf-v2-heading-desktop-sm-spacing: var(--mf-prim-font-spacing-0);
  --mf-v2-heading-desktop-md-size: var(--mf-prim-font-size-32);
  --mf-v2-heading-desktop-md-weight: var(--mf-prim-font-weight-500);
  --mf-v2-heading-desktop-md-line-height: var(--mf-prim-font-line-height-40);
  --mf-v2-heading-desktop-md-spacing: var(--mf-prim-font-spacing-0);
  --mf-v2-heading-desktop-lg-size: var(--mf-prim-font-size-40);
  --mf-v2-heading-desktop-lg-weight: var(--mf-prim-font-weight-600);
  --mf-v2-heading-desktop-lg-line-height: var(--mf-prim-font-line-height-48);
  --mf-v2-heading-desktop-lg-spacing: var(--mf-prim-font-spacing-0);
  --mf-v2-heading-desktop-xl-size: var(--mf-prim-font-size-48);
  --mf-v2-heading-desktop-xl-weight: var(--mf-prim-font-weight-600);
  --mf-v2-heading-desktop-xl-line-height: var(--mf-prim-font-line-height-52);
  --mf-v2-heading-desktop-xl-spacing: var(--mf-prim-font-spacing-0);
  --mf-v2-heading-mobile-sm-size: var(--mf-prim-font-size-18);
  --mf-v2-heading-mobile-sm-weight: var(--mf-prim-font-weight-500);
  --mf-v2-heading-mobile-sm-line-height: var(--mf-prim-font-line-height-28);
  --mf-v2-heading-mobile-sm-spacing: var(--mf-prim-font-spacing-0);
  --mf-v2-heading-mobile-md-size: var(--mf-prim-font-size-24);
  --mf-v2-heading-mobile-md-weight: var(--mf-prim-font-weight-500);
  --mf-v2-heading-mobile-md-line-height: var(--mf-prim-font-line-height-32);
  --mf-v2-heading-mobile-md-spacing: var(--mf-prim-font-spacing-0);
  --mf-v2-heading-mobile-lg-size: var(--mf-prim-font-size-32);
  --mf-v2-heading-mobile-lg-weight: var(--mf-prim-font-weight-500);
  --mf-v2-heading-mobile-lg-line-height: var(--mf-prim-font-line-height-36);
  --mf-v2-heading-mobile-lg-spacing: var(--mf-prim-font-spacing-0);
}