/* Generated from Figma Variables. First mode = :root default.
   FLOAT tokens are unitless — multiply by 1px in calc() where a length is needed. */

:root {
  --background-accent-blue-2: var(--primary-primary-blue-2-200); /* @kind color */
  --background-accent-blue: var(--primary-primary-blue-1-200); /* @kind color */
  --background-accent-green: var(--system-green-200); /* @kind color */
  --background-accent-grey: var(--neutrals-300-2); /* @kind color */
  --background-accent-on-white-blue-2: var(--primary-primary-blue-2-100); /* @kind color */
  --background-accent-on-white-blue: var(--primary-primary-blue-1-100); /* @kind color */
  --background-accent-on-white-orange: var(--primary-primary-orange-100); /* @kind color */
  --background-accent-on-white-primary: var(--primary-primary-blue-1-100); /* @kind color */
  --background-accent-on-white-red: var(--system-red-100); /* @kind color */
  --background-accent-on-white-success: var(--system-green-100); /* @kind color */
  --background-accent-on-white-yellow: var(--primary-primary-yellow-100); /* @kind color */
  --background-accent-orange: var(--primary-primary-orange-200); /* @kind color */
  --background-accent-primary: var(--primary-primary-blue-1-200); /* @kind color */
  --background-accent-red: var(--system-red-200); /* @kind color */
  --background-accent-yellow: var(--primary-primary-yellow-200); /* @kind color */
  --background-account: var(--neutrals-200-2); /* @kind color */
  --background-base-l-1: var(--neutrals-300-2); /* @kind color */
  --background-base-l0-dark-grey: var(--neutrals-300-2); /* @kind color */
  --background-base-l0-grey: var(--neutrals-200-2); /* @kind color */
  --background-base-l0-white: var(--neutrals-00-2); /* @kind color */
  --background-base-l1-grey: var(--neutrals-200-2); /* @kind color */
  --background-base-l1-white: var(--neutrals-00-2); /* @kind color */
  --background-base-l2: var(--neutrals-00-2); /* @kind color */
  --background-base-l3-grey: var(--neutrals-200-2); /* @kind color */
  --background-base-l3: var(--neutrals-00-2); /* @kind color */
  --background-button-blue-accent-1: rgb(102,177,234); /* @kind color */
  --background-button-blue-accent-2: rgb(2,103,179); /* @kind color */
  --background-button-error-default: var(--system-red-400); /* @kind color */
  --background-button-error-disabled: var(--system-red-200); /* @kind color */
  --background-button-error-hover: var(--system-red-450); /* @kind color */
  --background-button-error-pressed: var(--system-red-500); /* @kind color */
  --background-button-glass-default: rgba(255,255,255,0.1); /* @kind color */
  --background-button-glass-disabled: rgba(255,255,255,0.2); /* @kind color */
  --background-button-glass-pressed: rgba(255,255,255,0.15); /* @kind color */
  --background-button-light-blue-grey-bg-default: rgb(204,230,250); /* @kind color */
  --background-button-light-blue-grey-bg-disabled: rgb(235,238,242); /* @kind color */
  --background-button-light-blue-grey-bg-pressed: rgb(204,230,250); /* @kind color */
  --background-button-light-blue-white-bg-default: var(--primary-primary-blue-1-100); /* @kind color */
  --background-button-light-blue-white-bg-disabled: var(--neutrals-200-2); /* @kind color */
  --background-button-light-blue-white-bg-hover: var(--primary-primary-blue-1-250); /* @kind color */
  --background-button-light-blue-white-bg-pressed: var(--primary-primary-blue-1-200); /* @kind color */
  --background-button-primary-on-color-bg-default: var(--neutrals-00-2); /* @kind color */
  --background-button-primary-on-color-bg-disabled: rgba(255,255,255,0.1); /* @kind color */
  --background-button-primary-on-color-bg-pressed: var(--neutrals-00-2); /* @kind color */
  --background-button-primary-on-light-bg-disabled: var(--primary-primary-orange-200); /* @kind color */
  --background-button-primary-on-light-bg-gradient-orange-1: rgb(255,163,77); /* @kind color */
  --background-button-primary-on-light-bg-gradient-orange-2: rgb(245,124,13); /* @kind color */
  --background-button-primary-on-light-bg-pressed: var(--primary-primary-orange-300); /* @kind color */
  --background-button-secondary-default: var(--neutrals-00-2); /* @kind color */
  --background-button-secondary-disabled-grey: var(--neutrals-300-2); /* @kind color */
  --background-button-secondary-disabled: var(--neutrals-200-2); /* @kind color */
  --background-button-secondary-pressed: var(--neutrals-100-2); /* @kind color */
  --background-chart: var(--neutrals-300-2); /* @kind color */
  --background-gradient-blue-linear-1: rgb(2,103,179); /* @kind color */
  --background-gradient-blue-linear-2: rgba(12,124,209,0.97); /* @kind color */
  --background-gradient-blue-linear-3: rgba(23,137,223,0.75); /* @kind color */
  --background-gradient-blue-linear-4: rgba(23,137,223,0.3); /* @kind color */
  --background-gradient-blue-linear-5: rgba(23,137,223,0); /* @kind color */
  --background-gradient-blue-linear-underlayer: var(--neutrals-300-2); /* @kind color */
  --background-gradient-blue-radial-1: rgb(102,177,234); /* @kind color */
  --background-gradient-blue-radial-2: rgb(2,103,179); /* @kind color */
  --background-gradient-dashboard-1: rgba(15,117,206,0.12); /* @kind color */
  --background-gradient-dashboard-2: rgba(15,117,206,0); /* @kind color */
  --background-gradient-grey-radial-1: rgb(204,219,230); /* @kind color */
  --background-gradient-grey-radial-2: rgb(142,158,170); /* @kind color */
  --background-gradient-kanz-1: rgb(15,119,204); /* @kind color */
  --background-gradient-kanz-2: rgb(5,58,119); /* @kind color */
  --background-gradient-kanz-3: rgb(12,27,79); /* @kind color */
  --background-grey: var(--neutrals-200-2); /* @kind color */
  --background-input-active: rgba(255,255,255,0.65); /* @kind color */
  --background-input-default: rgba(255,255,255,0.07); /* @kind color */
  --background-input-disabled: var(--background-base-l0-grey); /* @kind color */
  --background-overlay: rgba(24,27,32,0.2); /* @kind color */
  --background-search-on-grey-default: rgb(255,255,255); /* @kind color */
  --background-white-l0: var(--neutrals-00-2); /* @kind color */
  --border-on-color-divider: rgba(255,255,255,0.25); /* @kind color */
  --border-on-color-primary: rgba(255,255,255,0.8); /* @kind color */
  --border-on-color-secondary: rgba(255,255,255,0.5); /* @kind color */
  --border-on-white-accent: var(--primary-primary-blue-1-400); /* @kind color */
  --border-on-white-avatar: var(--primary-primary-blue-1-200); /* @kind color */
  --border-on-white-divider: var(--neutrals-300-2); /* @kind color */
  --border-on-white-primary: var(--neutrals-800-2); /* @kind color */
  --border-on-white-secondary: var(--neutrals-500-2); /* @kind color */
  --border-on-white-tertiary: var(--neutrals-400-2); /* @kind color */
  --button-blue-bg-default: var(--primary-primary-blue-1-100); /* @kind color */
  --button-blue-default-label: var(--primary-primary-blue-1-400); /* @kind color */
  --button-blue-pressed-label: var(--primary-primary-blue-1-400); /* @kind color */
  --button-error-button-default-background: var(--error-red-400); /* @kind color */
  --button-error-button-default-icon: var(--neutrals-00); /* @kind color */
  --button-error-button-default-label: var(--neutrals-00); /* @kind color */
  --button-error-button-disabled-background: var(--neutrals-200); /* @kind color */
  --button-error-button-disabled-icon: var(--neutrals-500); /* @kind color */
  --button-error-button-disabled-label: var(--neutrals-500); /* @kind color */
  --button-error-button-pressed-background: var(--error-red-300); /* @kind color */
  --button-error-button-pressed-icon: var(--neutrals-00); /* @kind color */
  --button-error-button-pressed-label: var(--neutrals-00); /* @kind color */
  --button-ghost-default-icon: var(--neutrals-500); /* @kind color */
  --button-ghost-default-label: var(--neutrals-500); /* @kind color */
  --button-ghost-disabled-icon: var(--neutrals-400); /* @kind color */
  --button-ghost-disabled-label: var(--neutrals-400); /* @kind color */
  --button-ghost-pressed-background: var(--neutrals-100); /* @kind color */
  --button-ghost-pressed-icon: var(--neutrals-600); /* @kind color */
  --button-ghost-pressed-label: var(--neutrals-600); /* @kind color */
  --button-glass-default-label: var(--neutrals-00-2); /* @kind color */
  --button-glass-disabled-label: rgba(255,255,255,0.5); /* @kind color */
  --button-glass-fill-default: rgba(255,255,255,0.1); /* @kind color */
  --button-glass-fill-disabled: rgba(255,255,255,0.2); /* @kind color */
  --button-glass-fill-pressed: rgba(255,255,255,0.15); /* @kind color */
  --button-glass-pressed-label: var(--neutrals-00-2); /* @kind color */
  --button-outline-pressed-icon: var(--neutrals-600); /* @kind color */
  --button-primary-default-background: var(--deep-purple-500-main); /* @kind color */
  --button-primary-default-label-2: var(--neutrals-00-2); /* @kind color */
  --button-primary-default-label: var(--neutrals-00); /* @kind color */
  --button-primary-disabled-background: var(--neutrals-200); /* @kind color */
  --button-primary-disabled-label: var(--neutrals-500); /* @kind color */
  --button-primary-pressed-background: var(--deep-purple-400); /* @kind color */
  --button-primary-pressed-label: var(--neutrals-00); /* @kind color */
  --button-small-button-default-background: var(--neutrals-00); /* @kind color */
  --button-small-button-default-label: var(--neutrals-800); /* @kind color */
  --button-small-button-disabled-background: var(--neutrals-00); /* @kind color */
  --button-small-button-disabled-label: var(--neutrals-500); /* @kind color */
  --button-small-button-pressed-background: var(--neutrals-100); /* @kind color */
  --button-small-button-pressed-label: var(--neutrals-800); /* @kind color */
  --checkbox-off-default-border: var(--neutrals-500-2); /* @kind color */
  --checkbox-off-disabled-border: var(--neutrals-300-2); /* @kind color */
  --checkbox-on-color-fill-off-default: rgba(255,255,255,0.75); /* @kind color */
  --checkbox-on-color-fill-off-disabled: rgba(255,255,255,0.25); /* @kind color */
  --checkbox-on-color-fill-on-default: rgb(255,255,255); /* @kind color */
  --checkbox-on-color-fill-on-disabled: rgba(255,255,255,0.35); /* @kind color */
  --checkbox-on-default-check: var(--neutrals-00-2); /* @kind color */
  --checkbox-on-disabled-check: var(--neutrals-00-2); /* @kind color */
  --checkbox-on-white-fill-off-default: var(--neutrals-200-2); /* @kind color */
  --checkbox-on-white-fill-on-default: var(--primary-primary-blue-1-400); /* @kind color */
  --checkbox-on-white-fill-on-disabled: var(--neutrals-500-2); /* @kind color */
  --checkbox-white-fill-default: var(--neutrals-00-2); /* @kind color */
  --checkbox-white-fill-disabled: var(--neutrals-200-2); /* @kind color */
  --checkbox-white-fill-on-default: var(--primary-primary-blue-1-400); /* @kind color */
  --checkbox-white-fill-on-disabled: var(--neutrals-500-2); /* @kind color */
  --color: var(--pagination-white-current); /* @kind color */
  --components-widgets-button-icon: var(--foundation-icons-error); /* @kind color */
  --decorations-list-divider: var(--neutrals-200); /* @kind color */
  --deep-purple-400: rgb(87,45,138); /* @kind color */
  --deep-purple-500-main: rgb(40,24,58); /* @kind color */
  --dropdown-default-default-background: var(--neutrals-100); /* @kind color */
  --dropdown-default-default-text: var(--neutrals-500); /* @kind color */
  --dropdown-default-disabled-background: var(--neutrals-200); /* @kind color */
  --dropdown-default-open-background: var(--neutrals-100); /* @kind color */
  --dropdown-selected-default-text: var(--neutrals-800); /* @kind color */
  --dropdown-selected-disabled-background: var(--neutrals-200); /* @kind color */
  --dropdown-selected-disabled-text: var(--neutrals-600); /* @kind color */
  --dropdown-selected-open-background: var(--neutrals-100); /* @kind color */
  --dropdown-selected-open-text: var(--neutrals-800); /* @kind color */
  --error-red-300: rgb(244,104,104); /* @kind color */
  --error-red-400: rgb(213,63,63); /* @kind color */
  --font: "Noto Sans";
  --foreground-accent-blue-2: var(--primary-primary-blue-2-400); /* @kind color */
  --foreground-accent-blue: var(--primary-primary-blue-1-400); /* @kind color */
  --foreground-accent-green: var(--system-green-400); /* @kind color */
  --foreground-accent-hover-text-button-corporate: var(--primary-primary-blue-1-450); /* @kind color */
  --foreground-accent-icon-alt-green: var(--system-green-300); /* @kind color */
  --foreground-accent-icon-alt-orange: var(--primary-primary-orange-300); /* @kind color */
  --foreground-accent-icon-alt-red: var(--system-red-300); /* @kind color */
  --foreground-accent-icon-alt-yellow: var(--primary-primary-yellow-300); /* @kind color */
  --foreground-accent-orange: var(--primary-primary-orange-400); /* @kind color */
  --foreground-accent-primary: var(--primary-primary-blue-1-400); /* @kind color */
  --foreground-accent-red: var(--system-red-400); /* @kind color */
  --foreground-accent-secondary: var(--primary-primary-orange-300); /* @kind color */
  --foreground-accent-yellow: var(--primary-primary-yellow-400); /* @kind color */
  --foreground-inverted: var(--neutrals-00-2); /* @kind color */
  --foreground-on-color-primary: var(--neutrals-00-2); /* @kind color */
  --foreground-on-color-secondary: rgba(251,252,252,0.75); /* @kind color */
  --foreground-on-color-tertiary: rgba(251,252,252,0.5); /* @kind color */
  --foreground-primary-constant: var(--neutrals-900-2); /* @kind color */
  --foreground-primary: var(--neutrals-900-2); /* @kind color */
  --foreground-secondary: var(--neutrals-700); /* @kind color */
  --foreground-tertiary: var(--neutrals-500-2); /* @kind color */
  --foreground-text-button-secondary-corporate-only-default: var(--foreground-secondary); /* @kind color */
  --foreground-text-button-secondary-corporate-only-disabled: var(--foreground-tertiary); /* @kind color */
  --foreground-text-button-secondary-corporate-only-hover: var(--neutrals-800-2); /* @kind color */
  --foreground-text-button-secondary-corporate-only-pressed: var(--foreground-secondary); /* @kind color */
  --foundation-icons-error: var(--primary-50-base); /* @kind color */
  --gold-100: rgb(250,241,228); /* @kind color */
  --gold-200: rgb(234,219,200); /* @kind color */
  --gold-300: rgb(197,172,140); /* @kind color */
  --gold-400: rgb(171,139,98); /* @kind color */
  --gold-500: rgb(114,85,47); /* @kind color */
  --gold-600: rgb(31,26,20); /* @kind color */
  --icon-color-bg-primary: var(--neutrals-00-2); /* @kind color */
  --icon-color-bg-secondary: rgba(251,252,252,0.75); /* @kind color */
  --icon-color-bg-tertiary: rgba(251,252,252,0.5); /* @kind color */
  --icon-whitebg-color: var(--primary-primary-blue-1-400); /* @kind color */
  --icon-whitebg-primary: var(--neutrals-900-2); /* @kind color */
  --icon-whitebg-secondary: var(--neutrals-700); /* @kind color */
  --icon-whitebg-tertiary: var(--neutrals-500-2); /* @kind color */
  --input-field-active-background: var(--neutrals-00); /* @kind color */
  --input-field-active-border: var(--deep-purple-400); /* @kind color */
  --input-field-active-dots: var(--input-field-active-input-text); /* @kind color */
  --input-field-active-icon: var(--input-field-default-icon); /* @kind color */
  --input-field-active-input-text: var(--neutrals-800); /* @kind color */
  --input-field-active-text-cursor: var(--deep-purple-400); /* @kind color */
  --input-field-default-border: var(--neutrals-200); /* @kind color */
  --input-field-default-dots: var(--neutrals-300); /* @kind color */
  --input-field-default-icon: var(--neutrals-600); /* @kind color */
  --input-field-default-label-2: var(--neutrals-800-3); /* @kind color */
  --input-field-default-label: var(--neutrals-800); /* @kind color */
  --input-field-default-text: var(--neutrals-500); /* @kind color */
  --input-field-disabled-background: var(--neutrals-100); /* @kind color */
  --input-field-disabled-dots: var(--neutrals-500); /* @kind color */
  --input-field-disabled-icon: var(--neutrals-500); /* @kind color */
  --input-field-disabled-label: var(--neutrals-500); /* @kind color */
  --input-field-error-border: var(--error-red-300); /* @kind color */
  --input-field-error-caption: var(--error-red-400); /* @kind color */
  --input-field-filled-border: var(--neutrals-200); /* @kind color */
  --keyboard-1: rgb(171,176,188); /* @kind color */
  --keyboard-2: rgb(209,211,217); /* @kind color */
  --keyboard-3: rgb(80,85,92); /* @kind color */
  --keyboard-4: rgb(255,255,255); /* @kind color */
  --keyboard-5: rgb(0,0,0); /* @kind color */
  --l: 16; /* @kind radius */
  --line-height-body-1: 24;
  --line-height-body-2: 22;
  --line-height-body-3: 18;
  --line-height-button-1-uppercase: 18;
  --line-height-button-2: 18;
  --line-height-button-3: 16;
  --line-height-button-4: 14;
  --line-height-caption-1: 20;
  --line-height-caption-2: 18;
  --line-height-h1: 36;
  --line-height-h2: 32;
  --line-height-h3: 22;
  --line-height-h4: 20;
  --line-height-numeral-1: 48;
  --line-height-numeral-2: 32;
  --line-height-numeral-3: 28;
  --line-height-numeral-4: 16;
  --line-height-tab-1: 15.4;
  --line-height-tab-2: 12;
  --logo-1: rgb(54,161,230); /* @kind color */
  --logo-2: rgb(0,101,166); /* @kind color */
  --logo-3: rgb(226,128,0); /* @kind color */
  --logo-blue-1: rgb(0,138,201); /* @kind color */
  --logo-blue-2: rgb(0,101,166); /* @kind color */
  --logo-orange: rgb(226,128,0); /* @kind color */
  --logo-wamd: rgb(244,232,86); /* @kind color */
  --m: 12; /* @kind radius */
  --neutrals-00-2: rgb(255,255,255); /* @kind color */
  --neutrals-00: rgb(255,255,255); /* @kind color */
  --neutrals-100-2: rgb(251,252,252); /* @kind color */
  --neutrals-100: rgb(246,247,250); /* @kind color */
  --neutrals-200-2: rgb(245,247,249); /* @kind color */
  --neutrals-200: rgb(235,236,244); /* @kind color */
  --neutrals-300-2: rgb(235,238,242); /* @kind color */
  --neutrals-300: rgb(211,212,226); /* @kind color */
  --neutrals-400-2: rgb(204,212,223); /* @kind color */
  --neutrals-400: rgb(186,189,208); /* @kind color */
  --neutrals-500-2: rgb(167,180,199); /* @kind color */
  --neutrals-500: rgb(141,144,166); /* @kind color */
  --neutrals-600-2: rgb(133,152,178); /* @kind color */
  --neutrals-600: rgb(97,99,126); /* @kind color */
  --neutrals-700: rgb(109,129,149); /* @kind color */
  --neutrals-800-2: rgb(74,84,99); /* @kind color */
  --neutrals-800-3: rgb(36,32,56); /* @kind color */
  --neutrals-800: rgb(36,32,56); /* @kind color */
  --neutrals-900-2: rgb(24,27,32); /* @kind color */
  --neutrals-900-3: rgb(16,18,22); /* @kind color */
  --neutrals-900: rgb(14,14,27); /* @kind color */
  --pagination-color-current: var(--neutrals-00-2); /* @kind color */
  --pagination-color-disabled: rgba(255,255,255,0.4); /* @kind color */
  --pagination-on-color-current: var(--neutrals-00-2); /* @kind color */
  --pagination-on-color-disabled: rgba(255,255,255,0.4); /* @kind color */
  --pagination-on-white-current: var(--foreground-accent-primary); /* @kind color */
  --pagination-on-white-disabled: rgba(15,117,206,0.4); /* @kind color */
  --pagination-white-current: var(--primary-primary-blue-1-400); /* @kind color */
  --pagination-white-disabled: rgba(15,117,206,0.4); /* @kind color */
  --primary-50-base: rgb(206,0,0); /* @kind color */
  --primary-60: rgb(226,102,102); /* @kind color */
  --primary-icon: var(--neutrals-600); /* @kind color */
  --primary-primary-blue-1-100: rgb(240,248,253); /* @kind color */
  --primary-primary-blue-1-200: rgb(204,230,250); /* @kind color */
  --primary-primary-blue-1-250: rgb(181,216,245); /* @kind color */
  --primary-primary-blue-1-300: rgb(92,166,230); /* @kind color */
  --primary-primary-blue-1-400: rgb(15,117,206); /* @kind color */
  --primary-primary-blue-1-450: rgb(14,105,185); /* @kind color */
  --primary-primary-blue-1-500: rgb(1,80,149); /* @kind color */
  --primary-primary-blue-1-600: rgb(5,39,64); /* @kind color */
  --primary-primary-blue-2-100: rgb(240,246,253); /* @kind color */
  --primary-primary-blue-2-200: rgb(208,228,252); /* @kind color */
  --primary-primary-blue-2-300: rgb(98,149,224); /* @kind color */
  --primary-primary-blue-2-400: rgb(1,81,186); /* @kind color */
  --primary-primary-blue-2-500: rgb(1,56,128); /* @kind color */
  --primary-primary-blue-2-600: rgb(6,28,64); /* @kind color */
  --primary-primary-orange-100: rgb(252,243,237); /* @kind color */
  --primary-primary-orange-200: rgb(247,220,199); /* @kind color */
  --primary-primary-orange-300: rgb(237,126,57); /* @kind color */
  --primary-primary-orange-400: rgb(196,86,18); /* @kind color */
  --primary-primary-orange-500: rgb(128,56,12); /* @kind color */
  --primary-primary-orange-600: rgb(64,28,6); /* @kind color */
  --primary-primary-yellow-100: rgb(254,245,227); /* @kind color */
  --primary-primary-yellow-200: rgb(253,232,186); /* @kind color */
  --primary-primary-yellow-300: rgb(255,180,41); /* @kind color */
  --primary-primary-yellow-400: rgb(185,121,0); /* @kind color */
  --primary-primary-yellow-500: rgb(128,83,0); /* @kind color */
  --primary-primary-yellow-600: rgb(64,41,0); /* @kind color */
  --progress-bar-complete: var(--primary-primary-blue-1-400); /* @kind color */
  --progress-bar-current: var(--primary-primary-blue-1-300); /* @kind color */
  --progress-bar-disabled: var(--primary-primary-blue-1-200); /* @kind color */
  --radius-l: 16;
  --radius-xl: 100;
  --radius-xs: 6;
  --s: 8; /* @kind radius */
  --search-default-background: var(--neutrals-100); /* @kind color */
  --size-body-1: 16;
  --size-body-2: 14;
  --size-body-3: 12;
  --size-button-1-uppercase: 16;
  --size-button-2: 16;
  --size-button-3: 14;
  --size-button-4: 12;
  --size-caption-1: 14;
  --size-caption-2: 12;
  --size-h1: 32;
  --size-h2: 24;
  --size-h3: 18;
  --size-h4: 16;
  --size-numeral-1: 40;
  --size-numeral-2: 28;
  --size-numeral-3: 24;
  --size-numeral-4: 12;
  --size-tab-1: 14;
  --size-tab-2: 10;
  --spacing-01: 2;
  --spacing-02: 4;
  --spacing-03: 6;
  --spacing-04: 8;
  --spacing-05: 12;
  --spacing-06: 14;
  --spacing-07: 16;
  --spacing-08: 20;
  --spacing-09: 24;
  --spacing-10: 32;
  --system-green-100: rgb(237,247,241); /* @kind color */
  --system-green-200: rgb(204,232,216); /* @kind color */
  --system-green-300: rgb(66,169,111); /* @kind color */
  --system-green-400: rgb(50,128,84); /* @kind color */
  --system-green-500: rgb(30,77,50); /* @kind color */
  --system-green-600: rgb(17,43,29); /* @kind color */
  --system-red-100: rgb(255,240,235); /* @kind color */
  --system-red-200: rgb(255,218,206); /* @kind color */
  --system-red-300: rgb(255,119,96); /* @kind color */
  --system-red-350: rgb(222,84,62); /* @kind color */
  --system-red-400: rgb(204,65,43); /* @kind color */
  --system-red-450: rgb(166,53,35); /* @kind color */
  --system-red-500: rgb(128,41,27); /* @kind color */
  --system-red-600: rgb(64,20,13); /* @kind color */
  --tabbar-bg: var(--neutrals-00-2); /* @kind color */
  --tabbar-labels-active: var(--primary-primary-blue-1-400); /* @kind color */
  --tabbar-labels-decoration: var(--primary-primary-orange-300); /* @kind color */
  --text-button-primary-default-icon: var(--neutrals-800); /* @kind color */
  --text-button-primary-default-text: var(--neutrals-800); /* @kind color */
  --text-button-primary-disabled-icon: var(--neutrals-500); /* @kind color */
  --text-button-primary-disabled-text: var(--neutrals-500); /* @kind color */
  --text-button-primary-pressed-icon: var(--neutrals-800); /* @kind color */
  --text-button-primary-pressed-text: var(--neutrals-800); /* @kind color */
  --text-button-secondary-default: var(--neutrals-600); /* @kind color */
  --text-button-secondary-inactive: var(--neutrals-500); /* @kind color */
  --text-button-secondary-pressed: var(--neutrals-600); /* @kind color */
  --text-button-tertiary-default: var(--neutrals-500); /* @kind color */
  --text-button-tertiary-inactive: var(--neutrals-400); /* @kind color */
  --text-button-tertiary-pressed: var(--neutrals-500); /* @kind color */
  --text-field-bg-active: rgba(255,255,255,0.65); /* @kind color */
  --text-field-bg-default: rgba(255,255,255,0.07); /* @kind color */
  --text-field-default-label: rgba(255,255,255,0.8); /* @kind color */
  --text-field-default-label: var(--neutrals-600-2); /* @kind color */
  --text-field-error-message: var(--system-red-200); /* @kind color */
  --text-styles-caption-primary: var(--neutrals-500); /* @kind color */
  --text-styles-heading-primary: var(--neutrals-800); /* @kind color */
  --textbutton-default: var(--primary-primary-blue-1-400); /* @kind color */
  --toggle-off-fill-default: var(--neutrals-400-2); /* @kind color */
  --toggle-off-fill-disabled: var(--neutrals-300-2); /* @kind color */
  --toggle-off-fill-pressed: var(--primary-primary-blue-1-200); /* @kind color */
  --toggle-on-fill-disabled: var(--neutrals-500-2); /* @kind color */
  --toggle-on-fill-pressed: var(--primary-primary-blue-1-300); /* @kind color */
  --weight-body-1: "Regular"; /* @kind other */
  --weight-body-2: "Regular"; /* @kind other */
  --weight-body-3: "Regular"; /* @kind other */
  --weight-button-1: "Bold"; /* @kind other */
  --weight-button-2: "Medium"; /* @kind other */
  --weight-button-3: "Semibold"; /* @kind other */
  --weight-button-4: "Medium"; /* @kind other */
  --weight-caption-1: "Medium"; /* @kind other */
  --weight-caption-2-uppercase: "Bold"; /* @kind other */
  --weight-caption-2: "Medium"; /* @kind other */
  --weight-h1: "Bold"; /* @kind other */
  --weight-h2: "Semibold"; /* @kind other */
  --weight-h3: "Medium"; /* @kind other */
  --weight-h4: "Medium"; /* @kind other */
  --weight-numeral-1: "Medium"; /* @kind other */
  --weight-numeral-2: "Medium"; /* @kind other */
  --weight-numeral-3: "Medium"; /* @kind other */
  --weight-numeral-4: "Regular"; /* @kind other */
  --weight-tab-1: "Medium"; /* @kind other */
  --weight-tab-2: "Medium"; /* @kind other */
  --xl: 100; /* @kind radius */
  --xs: 6; /* @kind radius */
  --xxs: 4; /* @kind radius */
}

:root[data-theme="dark"], .dark {
  --background-accent-blue-2: var(--primary-primary-blue-2-600); /* @kind color */
  --background-accent-blue: var(--primary-primary-blue-1-600); /* @kind color */
  --background-accent-green: var(--system-green-600); /* @kind color */
  --background-accent-grey: rgb(41,49,61); /* @kind color */
  --background-accent-on-white-blue-2: var(--primary-primary-blue-1-600); /* @kind color */
  --background-accent-on-white-blue: var(--primary-primary-blue-1-600); /* @kind color */
  --background-accent-on-white-orange: var(--primary-primary-orange-600); /* @kind color */
  --background-accent-on-white-primary: var(--primary-primary-blue-1-600); /* @kind color */
  --background-accent-on-white-red: var(--system-red-600); /* @kind color */
  --background-accent-on-white-success: var(--system-green-600); /* @kind color */
  --background-accent-on-white-yellow: var(--primary-primary-yellow-600); /* @kind color */
  --background-accent-orange: var(--primary-primary-orange-600); /* @kind color */
  --background-accent-primary: var(--primary-primary-blue-1-600); /* @kind color */
  --background-accent-red: var(--system-red-600); /* @kind color */
  --background-accent-yellow: var(--primary-primary-yellow-600); /* @kind color */
  --background-account: var(--background-base-l2); /* @kind color */
  --background-base-l-1: rgb(21,29,43); /* @kind color */
  --background-base-l0-dark-grey: rgb(9,17,28); /* @kind color */
  --background-base-l0-grey: rgb(9,17,28); /* @kind color */
  --background-base-l0-white: rgb(9,17,28); /* @kind color */
  --background-base-l1-grey: rgb(21,29,43); /* @kind color */
  --background-base-l1-white: rgb(21,29,43); /* @kind color */
  --background-base-l2: rgb(31,39,55); /* @kind color */
  --background-base-l3-grey: rgb(31,39,55); /* @kind color */
  --background-base-l3: rgb(39,48,67); /* @kind color */
  --background-button-blue-accent-1: rgb(146,195,237); /* @kind color */
  --background-button-blue-accent-2: rgb(92,156,240); /* @kind color */
  --background-button-error-default: var(--system-red-300); /* @kind color */
  --background-button-error-disabled: var(--system-red-600); /* @kind color */
  --background-button-error-hover: var(--system-red-350); /* @kind color */
  --background-button-error-pressed: var(--system-red-400); /* @kind color */
  --background-button-glass-default: rgba(255,255,255,0.05); /* @kind color */
  --background-button-glass-disabled: rgba(255,255,255,0.05); /* @kind color */
  --background-button-glass-pressed: rgba(255,255,255,0.15); /* @kind color */
  --background-button-light-blue-grey-bg-default: rgba(92,166,230,0.16); /* @kind color */
  --background-button-light-blue-grey-bg-disabled: rgba(255,255,255,0.05); /* @kind color */
  --background-button-light-blue-grey-bg-pressed: rgba(92,166,230,0.2); /* @kind color */
  --background-button-light-blue-white-bg-default: rgba(92,166,230,0.12); /* @kind color */
  --background-button-light-blue-white-bg-disabled: rgba(255,255,255,0.05); /* @kind color */
  --background-button-light-blue-white-bg-hover: rgba(181,216,247,0.16); /* @kind color */
  --background-button-light-blue-white-bg-pressed: rgba(92,166,230,0.2); /* @kind color */
  --background-button-primary-on-color-bg-default: var(--neutrals-00-2); /* @kind color */
  --background-button-primary-on-color-bg-disabled: rgba(255,255,255,0.05); /* @kind color */
  --background-button-primary-on-color-bg-pressed: var(--neutrals-00-2); /* @kind color */
  --background-button-primary-on-light-bg-disabled: var(--primary-primary-orange-600); /* @kind color */
  --background-button-primary-on-light-bg-gradient-orange-1: rgb(252,173,99); /* @kind color */
  --background-button-primary-on-light-bg-gradient-orange-2: rgb(250,140,38); /* @kind color */
  --background-button-primary-on-light-bg-pressed: var(--primary-primary-orange-300); /* @kind color */
  --background-button-secondary-default: rgba(255,255,255,0.09); /* @kind color */
  --background-button-secondary-disabled-grey: rgba(255,255,255,0.05); /* @kind color */
  --background-button-secondary-disabled: rgba(255,255,255,0.05); /* @kind color */
  --background-button-secondary-pressed: rgba(255,255,255,0.15); /* @kind color */
  --background-chart: var(--background-base-l1-grey); /* @kind color */
  --background-gradient-blue-linear-1: rgb(0,49,82); /* @kind color */
  --background-gradient-blue-linear-2: rgba(1,29,48,0); /* @kind color */
  --background-gradient-blue-linear-3: rgba(9,17,28,0); /* @kind color */
  --background-gradient-blue-linear-4: rgba(9,17,28,0); /* @kind color */
  --background-gradient-blue-linear-5: rgba(9,17,28,0); /* @kind color */
  --background-gradient-blue-linear-underlayer: rgb(9,17,28); /* @kind color */
  --background-gradient-blue-radial-1: rgb(0,49,82); /* @kind color */
  --background-gradient-blue-radial-2: rgb(9,17,28); /* @kind color */
  --background-gradient-dashboard-1: rgba(15,117,206,0.08); /* @kind color */
  --background-gradient-dashboard-2: rgba(15,117,206,0); /* @kind color */
  --background-gradient-grey-radial-1: rgb(133,152,178); /* @kind color */
  --background-gradient-grey-radial-2: rgb(74,84,99); /* @kind color */
  --background-gradient-kanz-1: rgb(9,88,162); /* @kind color */
  --background-gradient-kanz-2: rgb(3,39,86); /* @kind color */
  --background-gradient-kanz-3: rgb(1,14,35); /* @kind color */
  --background-input-active: rgba(255,255,255,0); /* @kind color */
  --background-input-default: rgba(255,255,255,0.07); /* @kind color */
  --background-input-disabled: rgba(255,255,255,0.1); /* @kind color */
  --background-overlay: rgba(0,0,0,0.6); /* @kind color */
  --background-search-on-grey-default: var(--background-base-l1-white); /* @kind color */
  --background-white-l0: var(--neutrals-900-2); /* @kind color */
  --border-on-color-divider: rgba(255,255,255,0.15); /* @kind color */
  --border-on-color-primary: rgba(255,255,255,0.5); /* @kind color */
  --border-on-color-secondary: rgba(255,255,255,0.25); /* @kind color */
  --border-on-white-accent: var(--primary-primary-blue-1-300); /* @kind color */
  --border-on-white-avatar: rgba(92,166,230,0.2); /* @kind color */
  --border-on-white-divider: rgba(53,61,75,0.64); /* @kind color */
  --border-on-white-primary: var(--neutrals-100-2); /* @kind color */
  --border-on-white-secondary: var(--neutrals-300-2); /* @kind color */
  --border-on-white-tertiary: var(--neutrals-800-2); /* @kind color */
  --button-blue-bg-default: var(--primary-primary-blue-1-600); /* @kind color */
  --button-blue-default-label: var(--primary-primary-blue-1-400); /* @kind color */
  --button-blue-pressed-label: var(--primary-primary-blue-1-400); /* @kind color */
  --button-glass-default-label: var(--neutrals-00-2); /* @kind color */
  --button-glass-disabled-label: rgba(255,255,255,0.5); /* @kind color */
  --button-glass-fill-default: rgba(255,255,255,0.1); /* @kind color */
  --button-glass-fill-disabled: rgba(255,255,255,0.2); /* @kind color */
  --button-glass-fill-pressed: rgba(255,255,255,0.15); /* @kind color */
  --button-glass-pressed-label: var(--neutrals-00-2); /* @kind color */
  --button-primary-default-label-2: var(--neutrals-00-2); /* @kind color */
  --checkbox-off-default-border: var(--neutrals-500-2); /* @kind color */
  --checkbox-off-disabled-border: var(--neutrals-300-2); /* @kind color */
  --checkbox-on-color-fill-off-default: rgba(255,255,255,0.75); /* @kind color */
  --checkbox-on-color-fill-off-disabled: rgba(255,255,255,0.25); /* @kind color */
  --checkbox-on-color-fill-on-default: rgb(255,255,255); /* @kind color */
  --checkbox-on-color-fill-on-disabled: rgba(255,255,255,0.35); /* @kind color */
  --checkbox-on-default-check: var(--neutrals-00-2); /* @kind color */
  --checkbox-on-disabled-check: var(--neutrals-00-2); /* @kind color */
  --checkbox-on-white-fill-off-default: var(--neutrals-200-2); /* @kind color */
  --checkbox-on-white-fill-on-default: var(--primary-primary-blue-1-400); /* @kind color */
  --checkbox-on-white-fill-on-disabled: var(--neutrals-500-2); /* @kind color */
  --checkbox-white-fill-default: var(--neutrals-00-2); /* @kind color */
  --checkbox-white-fill-disabled: var(--neutrals-200-2); /* @kind color */
  --checkbox-white-fill-on-default: var(--primary-primary-blue-1-400); /* @kind color */
  --checkbox-white-fill-on-disabled: var(--neutrals-500-2); /* @kind color */
  --components-widgets-button-icon: var(--foundation-icons-error); /* @kind color */
  --foreground-accent-blue-2: var(--primary-primary-blue-2-300); /* @kind color */
  --foreground-accent-blue: var(--primary-primary-blue-1-300); /* @kind color */
  --foreground-accent-green: var(--system-green-300); /* @kind color */
  --foreground-accent-hover-text-button-corporate: var(--primary-primary-blue-1-200); /* @kind color */
  --foreground-accent-icon-alt-green: var(--system-green-300); /* @kind color */
  --foreground-accent-icon-alt-orange: var(--primary-primary-orange-300); /* @kind color */
  --foreground-accent-icon-alt-red: var(--system-red-300); /* @kind color */
  --foreground-accent-icon-alt-yellow: var(--primary-primary-yellow-300); /* @kind color */
  --foreground-accent-orange: var(--primary-primary-orange-300); /* @kind color */
  --foreground-accent-primary: var(--primary-primary-blue-1-300); /* @kind color */
  --foreground-accent-red: var(--system-red-300); /* @kind color */
  --foreground-accent-secondary: var(--primary-primary-orange-300); /* @kind color */
  --foreground-accent-yellow: var(--primary-primary-yellow-300); /* @kind color */
  --foreground-inverted: var(--neutrals-900-2); /* @kind color */
  --foreground-on-color-primary: var(--neutrals-00-2); /* @kind color */
  --foreground-on-color-secondary: rgba(251,252,252,0.75); /* @kind color */
  --foreground-on-color-tertiary: rgba(251,252,252,0.5); /* @kind color */
  --foreground-primary-constant: var(--neutrals-900-2); /* @kind color */
  --foreground-primary: var(--neutrals-100-2); /* @kind color */
  --foreground-secondary: var(--neutrals-500-2); /* @kind color */
  --foreground-tertiary: var(--neutrals-700); /* @kind color */
  --foreground-text-button-secondary-corporate-only-default: var(--foreground-secondary); /* @kind color */
  --foreground-text-button-secondary-corporate-only-disabled: var(--foreground-tertiary); /* @kind color */
  --foreground-text-button-secondary-corporate-only-hover: var(--neutrals-100-2); /* @kind color */
  --foreground-text-button-secondary-corporate-only-pressed: var(--foreground-secondary); /* @kind color */
  --foundation-icons-error: var(--primary-60); /* @kind color */
  --icon-color-bg-primary: var(--neutrals-900-2); /* @kind color */
  --icon-color-bg-secondary: rgba(0,0,0,0.75); /* @kind color */
  --icon-color-bg-tertiary: rgba(0,0,0,0.5); /* @kind color */
  --icon-whitebg-color: var(--primary-primary-blue-1-300); /* @kind color */
  --icon-whitebg-secondary: var(--neutrals-200-2); /* @kind color */
  --icon-whitebg-tertiary: var(--neutrals-400-2); /* @kind color */
  --keyboard-1: rgb(70,70,70); /* @kind color */
  --keyboard-2: rgb(44,44,46); /* @kind color */
  --keyboard-3: rgb(231,231,231); /* @kind color */
  --keyboard-4: rgb(107,107,107); /* @kind color */
  --keyboard-5: rgb(255,255,255); /* @kind color */
  --logo-1: rgb(255,255,255); /* @kind color */
  --logo-2: rgb(255,255,255); /* @kind color */
  --logo-3: rgb(226,128,0); /* @kind color */
  --logo-wamd: var(--neutrals-900-2); /* @kind color */
  --pagination-color-current: var(--neutrals-00-2); /* @kind color */
  --pagination-on-color-current: var(--neutrals-00-2); /* @kind color */
  --pagination-on-color-disabled: rgba(255,255,255,0.4); /* @kind color */
  --pagination-on-white-current: var(--primary-primary-blue-1-200); /* @kind color */
  --pagination-on-white-disabled: rgba(92,166,230,0.5); /* @kind color */
  --pagination-white-current: var(--primary-primary-blue-1-100); /* @kind color */
  --pagination-white-disabled: var(--primary-primary-blue-1-300); /* @kind color */
  --progress-bar-complete: var(--primary-primary-blue-1-300); /* @kind color */
  --progress-bar-current: var(--primary-primary-blue-1-400); /* @kind color */
  --progress-bar-disabled: rgba(255,255,255,0.15); /* @kind color */
  --radius-l: 16;
  --radius-xl: 100;
  --radius-xs: 6;
  --tabbar-bg: rgb(30,41,59); /* @kind color */
  --tabbar-labels-active: var(--primary-primary-blue-1-300); /* @kind color */
  --tabbar-labels-decoration: var(--primary-primary-orange-300); /* @kind color */
  --text-field-bg-active: rgba(255,255,255,0.65); /* @kind color */
  --text-field-bg-default: rgba(255,255,255,0.07); /* @kind color */
  --text-field-error-message: var(--system-red-200); /* @kind color */
  --textbutton-default: var(--primary-primary-blue-1-400); /* @kind color */
  --toggle-off-fill-default: var(--neutrals-700); /* @kind color */
  --toggle-off-fill-disabled: var(--neutrals-700); /* @kind color */
  --toggle-off-fill-pressed: var(--primary-primary-blue-1-400); /* @kind color */
  --toggle-on-fill-disabled: var(--neutrals-800-2); /* @kind color */
  --toggle-on-fill-pressed: var(--primary-primary-blue-1-400); /* @kind color */
}

:root[data-mode="private"] {
  --background-accent-blue-2: var(--primary-primary-blue-2-600); /* @kind color */
  --background-accent-blue: var(--primary-primary-blue-1-600); /* @kind color */
  --background-accent-green: var(--system-green-600); /* @kind color */
  --background-accent-grey: rgb(41,49,61); /* @kind color */
  --background-accent-on-white-blue-2: var(--primary-primary-blue-1-600); /* @kind color */
  --background-accent-on-white-blue: var(--primary-primary-blue-1-600); /* @kind color */
  --background-accent-on-white-orange: var(--primary-primary-orange-600); /* @kind color */
  --background-accent-on-white-primary: var(--gold-600); /* @kind color */
  --background-accent-on-white-red: var(--system-red-600); /* @kind color */
  --background-accent-on-white-success: var(--system-green-600); /* @kind color */
  --background-accent-on-white-yellow: var(--primary-primary-yellow-600); /* @kind color */
  --background-accent-orange: var(--primary-primary-orange-600); /* @kind color */
  --background-accent-primary: var(--gold-600); /* @kind color */
  --background-accent-red: var(--system-red-600); /* @kind color */
  --background-accent-yellow: var(--primary-primary-yellow-600); /* @kind color */
  --background-account: var(--background-base-l2); /* @kind color */
  --background-base-l-1: rgb(18,20,25); /* @kind color */
  --background-base-l0-dark-grey: rgb(11,13,16); /* @kind color */
  --background-base-l0-grey: rgb(11,13,16); /* @kind color */
  --background-base-l0-white: rgb(11,13,16); /* @kind color */
  --background-base-l1-grey: rgb(20,22,27); /* @kind color */
  --background-base-l1-white: rgb(20,22,27); /* @kind color */
  --background-base-l2: rgb(28,30,36); /* @kind color */
  --background-base-l3-grey: rgb(41,45,50); /* @kind color */
  --background-base-l3: rgb(35,38,43); /* @kind color */
  --background-button-blue-accent-1: var(--gold-300); /* @kind color */
  --background-button-blue-accent-2: var(--gold-400); /* @kind color */
  --background-button-error-default: var(--system-red-300); /* @kind color */
  --background-button-error-disabled: var(--system-red-600); /* @kind color */
  --background-button-error-hover: var(--system-red-350); /* @kind color */
  --background-button-error-pressed: var(--system-red-400); /* @kind color */
  --background-button-glass-default: rgba(255,255,255,0.05); /* @kind color */
  --background-button-glass-disabled: rgba(255,255,255,0.05); /* @kind color */
  --background-button-glass-pressed: rgba(255,255,255,0.15); /* @kind color */
  --background-button-light-blue-grey-bg-default: rgba(255,255,255,0.08); /* @kind color */
  --background-button-light-blue-grey-bg-disabled: rgba(255,255,255,0.05); /* @kind color */
  --background-button-light-blue-grey-bg-pressed: rgba(255,255,255,0.15); /* @kind color */
  --background-button-light-blue-white-bg-default: rgba(255,255,255,0.08); /* @kind color */
  --background-button-light-blue-white-bg-disabled: rgba(255,255,255,0.05); /* @kind color */
  --background-button-light-blue-white-bg-hover: rgba(255,255,255,0.15); /* @kind color */
  --background-button-light-blue-white-bg-pressed: rgba(255,255,255,0.15); /* @kind color */
  --background-button-primary-on-color-bg-default: var(--neutrals-00-2); /* @kind color */
  --background-button-primary-on-color-bg-disabled: rgba(255,255,255,0.05); /* @kind color */
  --background-button-primary-on-color-bg-pressed: var(--neutrals-00-2); /* @kind color */
  --background-button-primary-on-light-bg-disabled: var(--primary-primary-yellow-600); /* @kind color */
  --background-button-primary-on-light-bg-gradient-orange-1: var(--gold-300); /* @kind color */
  --background-button-primary-on-light-bg-gradient-orange-2: var(--gold-400); /* @kind color */
  --background-button-primary-on-light-bg-pressed: var(--gold-500); /* @kind color */
  --background-button-secondary-default: rgba(255,255,255,0.09); /* @kind color */
  --background-button-secondary-disabled-grey: rgba(255,255,255,0.05); /* @kind color */
  --background-button-secondary-disabled: rgba(255,255,255,0.05); /* @kind color */
  --background-button-secondary-pressed: rgba(255,255,255,0.15); /* @kind color */
  --background-chart: var(--background-base-l1-grey); /* @kind color */
  --background-gradient-blue-linear-1: rgb(17,21,25); /* @kind color */
  --background-gradient-blue-linear-2: rgba(17,21,25,0); /* @kind color */
  --background-gradient-blue-linear-3: rgba(17,21,25,0); /* @kind color */
  --background-gradient-blue-linear-4: rgba(8,10,13,0); /* @kind color */
  --background-gradient-blue-linear-5: rgba(8,10,13,0); /* @kind color */
  --background-gradient-blue-linear-underlayer: rgb(8,10,13); /* @kind color */
  --background-gradient-blue-radial-1: rgb(29,35,39); /* @kind color */
  --background-gradient-blue-radial-2: rgb(8,10,13); /* @kind color */
  --background-gradient-dashboard-1: rgba(255,255,255,0); /* @kind color */
  --background-gradient-dashboard-2: rgba(255,255,255,0); /* @kind color */
  --background-gradient-grey-radial-1: rgb(133,152,178); /* @kind color */
  --background-gradient-grey-radial-2: rgb(74,84,99); /* @kind color */
  --background-gradient-kanz-1: rgb(9,88,162); /* @kind color */
  --background-gradient-kanz-2: rgb(3,39,86); /* @kind color */
  --background-gradient-kanz-3: rgb(1,14,35); /* @kind color */
  --background-input-active: rgba(255,255,255,0); /* @kind color */
  --background-input-default: rgba(255,255,255,0.07); /* @kind color */
  --background-input-disabled: rgba(255,255,255,0.1); /* @kind color */
  --background-overlay: rgba(0,0,0,0.6); /* @kind color */
  --background-search-on-grey-default: var(--background-base-l1-white); /* @kind color */
  --border-on-color-divider: rgba(255,255,255,0.15); /* @kind color */
  --border-on-color-primary: rgba(255,255,255,0.5); /* @kind color */
  --border-on-color-secondary: rgba(255,255,255,0.25); /* @kind color */
  --border-on-white-accent: var(--gold-300); /* @kind color */
  --border-on-white-avatar: var(--gold-500); /* @kind color */
  --border-on-white-divider: rgb(32,36,43); /* @kind color */
  --border-on-white-primary: var(--neutrals-100-2); /* @kind color */
  --border-on-white-secondary: var(--neutrals-300-2); /* @kind color */
  --border-on-white-tertiary: var(--neutrals-600-2); /* @kind color */
  --checkbox-on-color-fill-off-default: rgba(255,255,255,0.75); /* @kind color */
  --checkbox-on-color-fill-off-disabled: rgba(255,255,255,0.25); /* @kind color */
  --checkbox-on-color-fill-on-default: rgb(255,255,255); /* @kind color */
  --checkbox-on-color-fill-on-disabled: rgba(255,255,255,0.35); /* @kind color */
  --checkbox-on-white-fill-off-default: var(--neutrals-200-2); /* @kind color */
  --checkbox-on-white-fill-on-default: var(--gold-400); /* @kind color */
  --checkbox-on-white-fill-on-disabled: var(--neutrals-500-2); /* @kind color */
  --foreground-accent-blue-2: var(--primary-primary-blue-2-300); /* @kind color */
  --foreground-accent-blue: var(--primary-primary-blue-2-300); /* @kind color */
  --foreground-accent-green: var(--system-green-300); /* @kind color */
  --foreground-accent-hover-text-button-corporate: var(--gold-400); /* @kind color */
  --foreground-accent-icon-alt-green: var(--system-green-300); /* @kind color */
  --foreground-accent-icon-alt-orange: var(--gold-400); /* @kind color */
  --foreground-accent-icon-alt-red: var(--system-red-300); /* @kind color */
  --foreground-accent-icon-alt-yellow: var(--primary-primary-yellow-300); /* @kind color */
  --foreground-accent-orange: var(--primary-primary-orange-300); /* @kind color */
  --foreground-accent-primary: var(--gold-400); /* @kind color */
  --foreground-accent-red: var(--system-red-300); /* @kind color */
  --foreground-accent-secondary: var(--gold-400); /* @kind color */
  --foreground-accent-yellow: var(--primary-primary-yellow-300); /* @kind color */
  --foreground-inverted: var(--neutrals-900-2); /* @kind color */
  --foreground-on-color-primary: var(--neutrals-00-2); /* @kind color */
  --foreground-on-color-secondary: rgba(251,252,252,0.75); /* @kind color */
  --foreground-on-color-tertiary: rgba(251,252,252,0.5); /* @kind color */
  --foreground-primary-constant: var(--neutrals-900-2); /* @kind color */
  --foreground-primary: var(--neutrals-100-2); /* @kind color */
  --foreground-secondary: var(--neutrals-500-2); /* @kind color */
  --foreground-tertiary: var(--neutrals-700); /* @kind color */
  --foreground-text-button-secondary-corporate-only-default: var(--foreground-secondary); /* @kind color */
  --foreground-text-button-secondary-corporate-only-disabled: var(--foreground-tertiary); /* @kind color */
  --foreground-text-button-secondary-corporate-only-hover: var(--neutrals-100-2); /* @kind color */
  --foreground-text-button-secondary-corporate-only-pressed: var(--foreground-secondary); /* @kind color */
  --icon-color-bg-primary: var(--neutrals-900-2); /* @kind color */
  --icon-color-bg-secondary: rgba(0,0,0,0.75); /* @kind color */
  --icon-color-bg-tertiary: rgba(0,0,0,0.5); /* @kind color */
  --icon-whitebg-color: var(--primary-primary-blue-1-300); /* @kind color */
  --icon-whitebg-secondary: var(--neutrals-200-2); /* @kind color */
  --icon-whitebg-tertiary: var(--neutrals-400-2); /* @kind color */
  --keyboard-1: rgb(70,70,70); /* @kind color */
  --keyboard-2: rgb(44,44,46); /* @kind color */
  --keyboard-3: rgb(231,231,231); /* @kind color */
  --keyboard-4: rgb(107,107,107); /* @kind color */
  --keyboard-5: rgb(255,255,255); /* @kind color */
  --logo-1: rgb(255,255,255); /* @kind color */
  --logo-2: rgb(255,255,255); /* @kind color */
  --logo-3: rgb(226,128,0); /* @kind color */
  --logo-wamd: var(--neutrals-900-2); /* @kind color */
  --pagination-on-color-current: var(--neutrals-00-2); /* @kind color */
  --pagination-on-color-disabled: rgba(255,255,255,0.4); /* @kind color */
  --pagination-on-white-current: var(--gold-300); /* @kind color */
  --pagination-on-white-disabled: rgba(209,157,88,0.25); /* @kind color */
  --progress-bar-complete: var(--gold-300); /* @kind color */
  --progress-bar-current: var(--gold-400); /* @kind color */
  --progress-bar-disabled: rgba(255,255,255,0.15); /* @kind color */
  --radius-l: 16;
  --radius-xl: 100;
  --radius-xs: 6;
  --toggle-off-fill-default: var(--neutrals-700); /* @kind color */
  --toggle-off-fill-disabled: var(--neutrals-700); /* @kind color */
  --toggle-off-fill-pressed: var(--gold-500); /* @kind color */
  --toggle-on-fill-disabled: var(--neutrals-800-2); /* @kind color */
  --toggle-on-fill-pressed: var(--gold-500); /* @kind color */
}

:root[data-mode="arabic"] {
  --font: "Noto-Sans-Arabic";
  --line-height-body-1: 24;
  --line-height-body-2: 24;
  --line-height-body-3: 18;
  --line-height-button-1-uppercase: 18;
  --line-height-button-2: 18;
  --line-height-button-3: 16;
  --line-height-button-4: 14;
  --line-height-caption-1: 24;
  --line-height-caption-2: 18;
  --line-height-h1: 44;
  --line-height-h2: 32;
  --line-height-h3: 22;
  --line-height-h4: 20;
  --line-height-numeral-1: 48;
  --line-height-numeral-2: 32;
  --line-height-numeral-3: 28;
  --line-height-numeral-4: 16;
  --line-height-tab-1: 15.4;
  --line-height-tab-2: 12;
  --size-body-1: 16;
  --size-body-2: 14;
  --size-body-3: 12;
  --size-button-1-uppercase: 16;
  --size-button-2: 16;
  --size-button-3: 14;
  --size-button-4: 12;
  --size-caption-1: 14;
  --size-caption-2: 12;
  --size-h1: 32;
  --size-h2: 24;
  --size-h3: 18;
  --size-h4: 16;
  --size-numeral-1: 40;
  --size-numeral-2: 28;
  --size-numeral-3: 24;
  --size-numeral-4: 12;
  --size-tab-1: 14;
  --size-tab-2: 10;
  --weight-body-1: "Regular"; /* @kind other */
  --weight-body-2: "Regular"; /* @kind other */
  --weight-body-3: "Regular"; /* @kind other */
  --weight-button-1: "Bold"; /* @kind other */
  --weight-button-2: "Medium"; /* @kind other */
  --weight-button-3: "Semibold"; /* @kind other */
  --weight-button-4: "Medium"; /* @kind other */
  --weight-caption-1: "Medium"; /* @kind other */
  --weight-caption-2-uppercase: "Bold"; /* @kind other */
  --weight-caption-2: "Medium"; /* @kind other */
  --weight-h1: "Bold"; /* @kind other */
  --weight-h2: "Semibold"; /* @kind other */
  --weight-h3: "Medium"; /* @kind other */
  --weight-h4: "Medium"; /* @kind other */
  --weight-numeral-1: "Medium"; /* @kind other */
  --weight-numeral-2: "Medium"; /* @kind other */
  --weight-numeral-3: "Medium"; /* @kind other */
  --weight-numeral-4: "Regular"; /* @kind other */
  --weight-tab-1: "Medium"; /* @kind other */
  --weight-tab-2: "Medium"; /* @kind other */
}