[data-k-brand='violet'][data-k-accent='gray'] {
  --k-color-text-accent-heavy: rgba(0, 0, 0, 0.88);
  --k-color-text-accent-heavy-hover: rgba(0, 0, 0, 0.96);
  --k-color-text-accent-heavy-pressed: rgba(0, 0, 0, 0.96);
  --k-color-text-error-heavy: #c50220;
  --k-color-text-error-heavy-hover: #e62b34;
  --k-color-text-error-heavy-pressed: #943e3b;
  --k-color-text-inverted-accent-heavy: rgba(255, 255, 255, 0.96);
  --k-color-text-inverted-accent-heavy-hover: #ffffff;
  --k-color-text-inverted-accent-heavy-pressed: #ffffff;
  --k-color-text-inverted-error-heavy: #ff5352;
  --k-color-text-inverted-error-heavy-hover: #ff726b;
  --k-color-text-inverted-error-heavy-pressed: #dd5d58;
  --k-color-text-inverted-neutral-faint: rgba(255, 255, 255, 0.4);
  --k-color-text-inverted-neutral-heavy: rgba(255, 255, 255, 0.96);
  --k-color-text-inverted-neutral-pale: rgba(255, 255, 255, 0.48);
  --k-color-text-inverted-neutral-soft: rgba(255, 255, 255, 0.64);
  --k-color-text-inverted-success-heavy: #00c655;
  --k-color-text-inverted-success-heavy-hover: #4ede76;
  --k-color-text-inverted-success-heavy-pressed: #4fa161;
  --k-color-text-inverted-warning-heavy: #fdaa00;
  --k-color-text-inverted-warning-heavy-hover: #ffbe3d;
  --k-color-text-inverted-warning-heavy-pressed: #d69551;
  --k-color-text-logo: #844BEC;
  --k-color-text-neutral-faint: rgba(0, 0, 0, 0.32);
  --k-color-text-neutral-heavy: rgba(0, 0, 0, 0.88);
  --k-color-text-neutral-pale: rgba(0, 0, 0, 0.4);
  --k-color-text-neutral-soft: rgba(0, 0, 0, 0.56);
  --k-color-text-success-heavy: #007f34;
  --k-color-text-success-heavy-hover: #009b41;
  --k-color-text-success-heavy-pressed: #3a6a43;
  --k-color-text-warning-heavy: #d26e00;
  --k-color-text-warning-heavy-hover: #e88b00;
  --k-color-text-warning-heavy-pressed: #ab713f;
  --k-color-text-const-faint-black: rgba(0, 0, 0, 0.32);
  --k-color-text-const-faint-white: rgba(255, 255, 255, 0.4);
  --k-color-text-const-heavy-black: rgba(0, 0, 0, 0.88);
  --k-color-text-const-heavy-white: rgba(255, 255, 255, 0.96);
  --k-color-text-const-pale-black: rgba(0, 0, 0, 0.4);
  --k-color-text-const-pale-white: rgba(255, 255, 255, 0.48);
  --k-color-text-const-soft-black: rgba(0, 0, 0, 0.56);
  --k-color-text-const-soft-white: rgba(255, 255, 255, 0.64);
  --k-color-text-on-accent-bold-faint: rgba(255, 255, 255, 0.4);
  --k-color-text-on-accent-bold-heavy: rgba(255, 255, 255, 0.96);
  --k-color-text-on-accent-bold-pale: rgba(255, 255, 255, 0.48);
  --k-color-text-on-accent-bold-soft: rgba(255, 255, 255, 0.64);
  --k-color-text-on-brand-original-faint: rgba(255, 255, 255, 0.4);
  --k-color-text-on-brand-original-heavy: rgba(255, 255, 255, 0.96);
  --k-color-text-on-brand-original-pale: rgba(255, 255, 255, 0.48);
  --k-color-text-on-brand-original-soft: rgba(255, 255, 255, 0.64);
  --k-color-shape-bold-accent: #3d3d3d;
  --k-color-shape-bold-accent-hover: #292929;
  --k-color-shape-bold-accent-pressed: #161616;
  --k-color-shape-bold-brand-original: #844BEC;
  --k-color-shape-bold-brand-original-hover: #793dde;
  --k-color-shape-bold-brand-original-pressed: #6b3bc2;
  --k-color-shape-bold-error: #f63b40;
  --k-color-shape-bold-error-hover: #e62b34;
  --k-color-shape-bold-error-pressed: #cd3235;
  --k-color-shape-bold-neutral: #525252;
  --k-color-shape-bold-neutral-hover: #3d3d3d;
  --k-color-shape-bold-neutral-pressed: rgba(0, 0, 0, 0.56);
  --k-color-shape-bold-success: #00a948;
  --k-color-shape-bold-success-hover: #009b41;
  --k-color-shape-bold-success-pressed: #178b3f;
  --k-color-shape-bold-warning: #ffbe3d;
  --k-color-shape-bold-warning-hover: #fdaa00;
  --k-color-shape-bold-warning-pressed: #ec9e32;
  --k-color-shape-faint-accent: rgba(0, 0, 0, 0.12);
  --k-color-shape-faint-accent-hover: rgba(0, 0, 0, 0.16);
  --k-color-shape-faint-accent-pressed: rgba(0, 0, 0, 0.24);
  --k-color-shape-faint-brand: #f1f0ff;
  --k-color-shape-faint-brand-hover: #e4e0ff;
  --k-color-shape-faint-brand-pressed: #e4e2f5;
  --k-color-shape-faint-error: #ffedef;
  --k-color-shape-faint-error-hover: #ffdadd;
  --k-color-shape-faint-error-pressed: #f5dee0;
  --k-color-shape-faint-neutral-alpha: rgba(0, 0, 0, 0.06);
  --k-color-shape-faint-neutral-alpha-hover: rgba(0, 0, 0, 0.12);
  --k-color-shape-faint-neutral-alpha-pressed: rgba(0, 0, 0, 0.16);
  --k-color-shape-faint-success: #defbe2;
  --k-color-shape-faint-success-hover: #c3f3ca;
  --k-color-shape-faint-success-pressed: #d1edd5;
  --k-color-shape-faint-warning: #fff1ca;
  --k-color-shape-faint-warning-hover: #f9e3ac;
  --k-color-shape-faint-warning-pressed: #f1e4c4;
  --k-color-shape-heavy-error: #6b1f1e;
  --k-color-shape-heavy-neutral: #292929;
  --k-color-shape-heavy-success: #0b4a1f;
  --k-color-shape-heavy-warning: #583400;
  --k-color-shape-other-accent-bold-disabled: rgba(0, 0, 0, 0.32);
  --k-color-shape-other-backless-hover: rgba(0, 0, 0, 0.06);
  --k-color-shape-other-backless-pressed: rgba(0, 0, 0, 0.16);
  --k-color-shape-other-base: #ffffff;
  --k-color-shape-other-base-hover: rgba(255, 255, 255, 0.64);
  --k-color-shape-other-base-pressed: rgba(255, 255, 255, 0.32);
  --k-color-shape-other-disabled: rgba(0, 0, 0, 0.06);
  --k-color-shape-other-field: #ffffff;
  --k-color-shape-other-field-hover: #f2f2f2;
  --k-color-shape-other-field-pressed: #e4e4e4;
  --k-color-shape-other-low: rgba(0, 0, 0, 0.06);
  --k-color-shape-other-low-hover: rgba(0, 0, 0, 0.08);
  --k-color-shape-other-low-pressed: rgba(0, 0, 0, 0.12);
  --k-color-shape-other-neutral-faint-solid: #f2f2f2;
  --k-color-shape-other-neutral-faint-solid-hover: #e4e4e4;
  --k-color-shape-other-neutral-faint-solid-pressed: #d7d7d7;
  --k-color-shape-other-neutral-pale-solid: #e4e4e4;
  --k-color-shape-other-neutral-pale-solid-hover: #d7d7d7;
  --k-color-shape-other-neutral-pale-solid-pressed: #cacaca;
  --k-color-shape-other-neutral-soft-solid: #d7d7d7;
  --k-color-shape-other-neutral-soft-solid-hover: #bebebe;
  --k-color-shape-other-neutral-soft-solid-pressed: #b1b1b1;
  --k-color-shape-pale-accent: rgba(0, 0, 0, 0.16);
  --k-color-shape-pale-accent-hover: rgba(0, 0, 0, 0.24);
  --k-color-shape-pale-accent-pressed: rgba(0, 0, 0, 0.32);
  --k-color-shape-pale-brand: #e4e0ff;
  --k-color-shape-pale-brand-hover: #d8d0ff;
  --k-color-shape-pale-brand-pressed: #d8d3f1;
  --k-color-shape-pale-error: #ffdadd;
  --k-color-shape-pale-error-hover: #ffc7c7;
  --k-color-shape-pale-error-pressed: #f2cdcd;
  --k-color-shape-pale-neutral-alpha: rgba(0, 0, 0, 0.12);
  --k-color-shape-pale-neutral-alpha-hover: rgba(0, 0, 0, 0.16);
  --k-color-shape-pale-neutral-alpha-pressed: rgba(0, 0, 0, 0.24);
  --k-color-shape-pale-success: #c3f3ca;
  --k-color-shape-pale-success-hover: #a7ebb2;
  --k-color-shape-pale-success-pressed: #bae4c0;
  --k-color-shape-pale-warning: #ffe29a;
  --k-color-shape-pale-warning-hover: #f8d286;
  --k-color-shape-pale-warning-pressed: #edd5a5;
  --k-color-shape-soft-accent: rgba(0, 0, 0, 0.32);
  --k-color-shape-soft-accent-hover: rgba(0, 0, 0, 0.4);
  --k-color-shape-soft-accent-pressed: rgba(0, 0, 0, 0.48);
  --k-color-shape-soft-brand: #c1b0ff;
  --k-color-shape-soft-brand-hover: #b6a0fc;
  --k-color-shape-soft-brand-pressed: #a996e7;
  --k-color-shape-soft-error: #fea09c;
  --k-color-shape-soft-error-hover: #f98e88;
  --k-color-shape-soft-error-pressed: #e8847c;
  --k-color-shape-soft-neutral-alpha: rgba(0, 0, 0, 0.16);
  --k-color-shape-soft-neutral-alpha-hover: rgba(0, 0, 0, 0.24);
  --k-color-shape-soft-neutral-alpha-pressed: rgba(0, 0, 0, 0.32);
  --k-color-shape-soft-success: #6cd984;
  --k-color-shape-soft-success-hover: #4ecf70;
  --k-color-shape-soft-success-pressed: #58be6f;
  --k-color-shape-soft-warning: #ffd06f;
  --k-color-shape-soft-warning-hover: #f8c05c;
  --k-color-shape-soft-warning-pressed: #e9b368;
  --k-color-shape-inverted-backless-hover: rgba(255, 255, 255, 0.06);
  --k-color-shape-inverted-backless-pressed: rgba(255, 255, 255, 0.04);
  --k-color-shape-inverted-disabled: rgba(255, 255, 255, 0.06);
  --k-color-shape-inverted-neutral-faint-alpha: rgba(255, 255, 255, 0.06);
  --k-color-shape-inverted-neutral-faint-alpha-hover: rgba(255, 255, 255, 0.08);
  --k-color-shape-inverted-neutral-faint-alpha-pressed: rgba(255, 255, 255, 0.04);
  --k-color-shape-inverted-neutral-heavy: #ffffff;
  --k-color-shape-inverted-neutral-heavy-hover: rgba(255, 255, 255, 0.88);
  --k-color-shape-inverted-neutral-heavy-pressed: rgba(255, 255, 255, 0.72);
  --k-color-shape-inverted-neutral-pale-alpha: rgba(255, 255, 255, 0.12);
  --k-color-shape-inverted-neutral-pale-alpha-hover: rgba(255, 255, 255, 0.16);
  --k-color-shape-inverted-neutral-pale-alpha-pressed: rgba(255, 255, 255, 0.06);
  --k-color-shape-inverted-neutral-soft-alpha: rgba(255, 255, 255, 0.16);
  --k-color-shape-inverted-neutral-soft-alpha-hover: rgba(255, 255, 255, 0.24);
  --k-color-shape-inverted-neutral-soft-alpha-pressed: rgba(255, 255, 255, 0.08);
  --k-color-shape-const-backless-black-hover: rgba(0, 0, 0, 0.12);
  --k-color-shape-const-backless-black-pressed: rgba(0, 0, 0, 0.16);
  --k-color-shape-const-backless-white-hover: rgba(255, 255, 255, 0.12);
  --k-color-shape-const-backless-white-pressed: rgba(255, 255, 255, 0.06);
  --k-color-shape-const-disabled-black: rgba(0, 0, 0, 0.06);
  --k-color-shape-const-disabled-white: rgba(255, 255, 255, 0.06);
  --k-color-shape-const-faint-black: rgba(0, 0, 0, 0.12);
  --k-color-shape-const-faint-black-hover: rgba(0, 0, 0, 0.16);
  --k-color-shape-const-faint-black-pressed: rgba(0, 0, 0, 0.24);
  --k-color-shape-const-faint-white: rgba(255, 255, 255, 0.12);
  --k-color-shape-const-faint-white-hover: rgba(255, 255, 255, 0.16);
  --k-color-shape-const-faint-white-pressed: rgba(255, 255, 255, 0.08);
  --k-color-shape-const-heavy-black: rgba(0, 0, 0, 0.8);
  --k-color-shape-const-heavy-black-hover: rgba(0, 0, 0, 0.88);
  --k-color-shape-const-heavy-black-pressed: rgba(0, 0, 0, 0.64);
  --k-color-shape-const-heavy-white: rgba(255, 255, 255, 0.96);
  --k-color-shape-const-heavy-white-hover: #ffffff;
  --k-color-shape-const-heavy-white-pressed: rgba(255, 255, 255, 0.64);
  --k-color-shape-const-pale-black: rgba(0, 0, 0, 0.16);
  --k-color-shape-const-pale-black-hover: rgba(0, 0, 0, 0.24);
  --k-color-shape-const-pale-black-pressed: rgba(0, 0, 0, 0.32);
  --k-color-shape-const-pale-white: rgba(255, 255, 255, 0.16);
  --k-color-shape-const-pale-white-hover: rgba(255, 255, 255, 0.24);
  --k-color-shape-const-pale-white-pressed: rgba(255, 255, 255, 0.12);
  --k-color-shape-const-promo: #402773;
  --k-color-shape-const-soft-black: rgba(0, 0, 0, 0.24);
  --k-color-shape-const-soft-black-hover: rgba(0, 0, 0, 0.32);
  --k-color-shape-const-soft-black-pressed: rgba(0, 0, 0, 0.4);
  --k-color-shape-const-soft-white: rgba(255, 255, 255, 0.24);
  --k-color-shape-const-soft-white-hover: rgba(255, 255, 255, 0.32);
  --k-color-shape-const-soft-white-pressed: rgba(255, 255, 255, 0.24);
  --k-color-line-accent-bold: #484848;
  --k-color-line-accent-bold-hover: #161616;
  --k-color-line-accent-bold-pressed: rgba(0, 0, 0, 0.64);
  --k-color-line-accent-pale: rgba(0, 0, 0, 0.24);
  --k-color-line-accent-pale-hover: rgba(0, 0, 0, 0.32);
  --k-color-line-accent-pale-pressed: rgba(0, 0, 0, 0.4);
  --k-color-line-accent-soft: rgba(0, 0, 0, 0.48);
  --k-color-line-accent-soft-hover: rgba(0, 0, 0, 0.96);
  --k-color-line-accent-soft-pressed: rgba(0, 0, 0, 0.96);
  --k-color-line-brand-original: #844BEC;
  --k-color-line-error-bold: #d6192a;
  --k-color-line-error-bold-hover: #f63b40;
  --k-color-line-error-bold-pressed: #a74541;
  --k-color-line-neutral-faint: rgba(0, 0, 0, 0.08);
  --k-color-line-neutral-pale: rgba(0, 0, 0, 0.16);
  --k-color-line-neutral-pale-hover: rgba(0, 0, 0, 0.24);
  --k-color-line-neutral-pale-pressed: rgba(0, 0, 0, 0.4);
  --k-color-line-on-accent-bold-faint: rgba(255, 255, 255, 0.12);
  --k-color-line-on-accent-bold-pale: rgba(255, 255, 255, 0.24);
  --k-color-line-on-brand-original-faint: rgba(255, 255, 255, 0.12);
  --k-color-line-on-brand-original-pale: rgba(255, 255, 255, 0.24);
  --k-color-line-success-bold: #008d3a;
  --k-color-line-success-bold-hover: #00b74e;
  --k-color-line-success-bold-pressed: #458552;
  --k-color-line-warning-bold: #fdaa00;
  --k-color-line-warning-bold-hover: #e88b00;
  --k-color-line-warning-bold-pressed: #cb874c;
  --k-color-line-inverted-accent-bold: #d7d7d7;
  --k-color-line-inverted-accent-bold-hover: #ffffff;
  --k-color-line-inverted-accent-bold-pressed: rgba(255, 255, 255, 0.64);
  --k-color-line-inverted-accent-pale: rgba(255, 255, 255, 0.24);
  --k-color-line-inverted-accent-pale-hover: rgba(255, 255, 255, 0.32);
  --k-color-line-inverted-accent-pale-pressed: rgba(255, 255, 255, 0.16);
  --k-color-line-inverted-accent-soft: rgba(255, 255, 255, 0.48);
  --k-color-line-inverted-accent-soft-hover: #ffffff;
  --k-color-line-inverted-accent-soft-pressed: #ffffff;
  --k-color-line-inverted-error-bold: #e62b34;
  --k-color-line-inverted-error-bold-hover: #ff5352;
  --k-color-line-inverted-error-bold-pressed: #ba4b47;
  --k-color-line-inverted-neutral-faint: rgba(255, 255, 255, 0.08);
  --k-color-line-inverted-neutral-pale: rgba(255, 255, 255, 0.16);
  --k-color-line-inverted-neutral-pale-hover: rgba(255, 255, 255, 0.24);
  --k-color-line-inverted-neutral-pale-pressed: rgba(255, 255, 255, 0.12);
  --k-color-line-inverted-success-bold: #009b41;
  --k-color-line-inverted-success-bold-hover: #00b74e;
  --k-color-line-inverted-success-bold-pressed: #458552;
  --k-color-line-inverted-warning-bold: #fdaa00;
  --k-color-line-inverted-warning-bold-hover: #ffbe3d;
  --k-color-line-inverted-warning-bold-pressed: #d69551;
  --k-color-line-const-faint-black: rgba(0, 0, 0, 0.12);
  --k-color-line-const-faint-white: rgba(255, 255, 255, 0.12);
  --k-color-line-const-pale-black: rgba(0, 0, 0, 0.24);
  --k-color-line-const-pale-black-hover: rgba(0, 0, 0, 0.32);
  --k-color-line-const-pale-black-pressed: rgba(0, 0, 0, 0.16);
  --k-color-line-const-pale-white: rgba(255, 255, 255, 0.24);
  --k-color-line-const-pale-white-hover: rgba(255, 255, 255, 0.32);
  --k-color-line-const-pale-white-pressed: rgba(255, 255, 255, 0.16);
  --k-color-surface-base: #ffffff;
  --k-color-surface-high: #ffffff;
  --k-color-surface-low: #f2f2f2;
  --k-color-surface-modal-backdrop: rgba(0, 0, 0, 0.24);
  --k-color-illustration-black: #0d0d0d;
  --k-color-illustration-brand: #844BEC;
  --k-color-illustration-complement: #402773;
  --k-color-illustration-inverted-neutral: #ffffff;
  --k-color-illustration-neutral: #000000;
  --k-color-illustration-on-brand: rgba(255, 255, 255, 1);
  --k-color-illustration-on-complement: #ffffff;
  --k-color-illustration-promo: #402773;
  --k-color-illustration-symbol: #c1b0ff;
  --k-color-illustration-white: #ffffff;
  --k-color-customizable-bold-black: #696969;
  --k-color-customizable-bold-blue: #369bff;
  --k-color-customizable-bold-blue-deep: #5183ff;
  --k-color-customizable-bold-gray: #a4a4a4;
  --k-color-customizable-bold-green: #00b74e;
  --k-color-customizable-bold-mint: #05bfa3;
  --k-color-customizable-bold-orange: #f96100;
  --k-color-customizable-bold-purple: #cf60ec;
  --k-color-customizable-bold-red: #ff5352;
  --k-color-customizable-bold-violet: #a17bff;
  --k-color-customizable-bold-yellow: #faac00;
  --k-color-customizable-faint-black: #e4e4e4;
  --k-color-customizable-faint-blue: #e2f5ff;
  --k-color-customizable-faint-blue-deep: #e8f3ff;
  --k-color-customizable-faint-gray: #f2f2f2;
  --k-color-customizable-faint-green: #defbe2;
  --k-color-customizable-faint-mint: #d2fcf6;
  --k-color-customizable-faint-orange: #ffeee2;
  --k-color-customizable-faint-purple: #ffeaff;
  --k-color-customizable-faint-red: #ffedef;
  --k-color-customizable-faint-violet: #f1f0ff;
  --k-color-customizable-faint-yellow: #fff2c1;
  --k-color-customizable-heavy-black: #3d3d3d;
  --k-color-customizable-heavy-blue: #005dae;
  --k-color-customizable-heavy-blue-deep: #234ece;
  --k-color-customizable-heavy-gray: #747474;
  --k-color-customizable-heavy-green: #00722d;
  --k-color-customizable-heavy-mint: #027b68;
  --k-color-customizable-heavy-orange: #9c3a00;
  --k-color-customizable-heavy-purple: #8b22a4;
  --k-color-customizable-heavy-red: #c50220;
  --k-color-customizable-heavy-violet: #6936c2;
  --k-color-customizable-heavy-yellow: #9f6700;
  --k-color-customizable-pale-black: #d7d7d7;
  --k-color-customizable-pale-blue: #c7ebff;
  --k-color-customizable-pale-blue-deep: #d2e7ff;
  --k-color-customizable-pale-gray: #e4e4e4;
  --k-color-customizable-pale-green: #c3f3ca;
  --k-color-customizable-pale-mint: #adf5e9;
  --k-color-customizable-pale-orange: #ffddc7;
  --k-color-customizable-pale-purple: #fbd6ff;
  --k-color-customizable-pale-red: #ffdadd;
  --k-color-customizable-pale-violet: #e4e0ff;
  --k-color-customizable-pale-yellow: #fee38d;
  --k-color-customizable-soft-black: #b1b1b1;
  --k-color-customizable-soft-blue: #80c5ff;
  --k-color-customizable-soft-blue-deep: #99bfff;
  --k-color-customizable-soft-gray: #d7d7d7;
  --k-color-customizable-soft-green: #6cd984;
  --k-color-customizable-soft-mint: #4fe6cc;
  --k-color-customizable-soft-orange: #ffa573;
  --k-color-customizable-soft-purple: #ea9aff;
  --k-color-customizable-soft-red: #ffa09b;
  --k-color-customizable-soft-violet: #c1b0ff;
  --k-color-customizable-soft-yellow: #fed25d;
}

[data-k-brand='violet'][data-k-accent='gray'][data-k-theme='dark'] {
  --k-color-text-accent-heavy: rgba(255, 255, 255, 0.96);
  --k-color-text-accent-heavy-hover: #ffffff;
  --k-color-text-accent-heavy-pressed: #ffffff;
  --k-color-text-error-heavy: #ff5352;
  --k-color-text-error-heavy-hover: #ff726b;
  --k-color-text-error-heavy-pressed: #dd5d58;
  --k-color-text-inverted-accent-heavy: rgba(0, 0, 0, 0.88);
  --k-color-text-inverted-accent-heavy-hover: rgba(0, 0, 0, 0.96);
  --k-color-text-inverted-accent-heavy-pressed: rgba(0, 0, 0, 0.96);
  --k-color-text-inverted-error-heavy: #c50220;
  --k-color-text-inverted-error-heavy-hover: #e62b34;
  --k-color-text-inverted-error-heavy-pressed: #943e3b;
  --k-color-text-inverted-neutral-faint: rgba(0, 0, 0, 0.32);
  --k-color-text-inverted-neutral-heavy: rgba(0, 0, 0, 0.88);
  --k-color-text-inverted-neutral-pale: rgba(0, 0, 0, 0.4);
  --k-color-text-inverted-neutral-soft: rgba(0, 0, 0, 0.56);
  --k-color-text-inverted-success-heavy: #007f34;
  --k-color-text-inverted-success-heavy-hover: #009b41;
  --k-color-text-inverted-success-heavy-pressed: #3a6a43;
  --k-color-text-inverted-warning-heavy: #d26e00;
  --k-color-text-inverted-warning-heavy-hover: #e88b00;
  --k-color-text-inverted-warning-heavy-pressed: #9a6836;
  --k-color-text-logo: #9867ff;
  --k-color-text-neutral-faint: rgba(255, 255, 255, 0.4);
  --k-color-text-neutral-heavy: rgba(255, 255, 255, 0.96);
  --k-color-text-neutral-pale: rgba(255, 255, 255, 0.48);
  --k-color-text-neutral-soft: rgba(255, 255, 255, 0.64);
  --k-color-text-success-heavy: #00c655;
  --k-color-text-success-heavy-hover: #4ede76;
  --k-color-text-success-heavy-pressed: #4fa161;
  --k-color-text-warning-heavy: #fdaa00;
  --k-color-text-warning-heavy-hover: #ffbe3d;
  --k-color-text-warning-heavy-pressed: #d69551;
  --k-color-text-const-faint-black: rgba(0, 0, 0, 0.32);
  --k-color-text-const-faint-white: rgba(255, 255, 255, 0.4);
  --k-color-text-const-heavy-black: rgba(0, 0, 0, 0.88);
  --k-color-text-const-heavy-white: rgba(255, 255, 255, 0.96);
  --k-color-text-const-pale-black: rgba(0, 0, 0, 0.4);
  --k-color-text-const-pale-white: rgba(255, 255, 255, 0.48);
  --k-color-text-const-soft-black: rgba(0, 0, 0, 0.56);
  --k-color-text-const-soft-white: rgba(255, 255, 255, 0.64);
  --k-color-text-on-accent-bold-faint: rgba(0, 0, 0, 0.32);
  --k-color-text-on-accent-bold-heavy: rgba(0, 0, 0, 0.88);
  --k-color-text-on-accent-bold-pale: rgba(0, 0, 0, 0.4);
  --k-color-text-on-accent-bold-soft: rgba(0, 0, 0, 0.56);
  --k-color-text-on-brand-original-faint: rgba(255, 255, 255, 0.4);
  --k-color-text-on-brand-original-heavy: rgba(255, 255, 255, 0.96);
  --k-color-text-on-brand-original-pale: rgba(255, 255, 255, 0.48);
  --k-color-text-on-brand-original-soft: rgba(255, 255, 255, 0.64);
  --k-color-shape-bold-accent: #f2f2f2;
  --k-color-shape-bold-accent-hover: #ffffff;
  --k-color-shape-bold-accent-pressed: #cacaca;
  --k-color-shape-bold-brand-original: #844BEC;
  --k-color-shape-bold-brand-original-hover: #8f59fa;
  --k-color-shape-bold-brand-original-pressed: #7648cf;
  --k-color-shape-bold-error: #de3c3e;
  --k-color-shape-bold-error-hover: #ee4948;
  --k-color-shape-bold-error-pressed: #a74541;
  --k-color-shape-bold-neutral: #bebebe;
  --k-color-shape-bold-neutral-hover: #d7d7d7;
  --k-color-shape-bold-neutral-pressed: rgba(255, 255, 255, 0.56);
  --k-color-shape-bold-success: #1d9946;
  --k-color-shape-bold-success-hover: #2ca651;
  --k-color-shape-bold-success-pressed: #3f784b;
  --k-color-shape-bold-warning: #f6ad3c;
  --k-color-shape-bold-warning-hover: #f8c05c;
  --k-color-shape-bold-warning-pressed: #d69551;
  --k-color-shape-faint-accent: rgba(255, 255, 255, 0.12);
  --k-color-shape-faint-accent-hover: rgba(255, 255, 255, 0.16);
  --k-color-shape-faint-accent-pressed: rgba(255, 255, 255, 0.08);
  --k-color-shape-faint-brand: #362958;
  --k-color-shape-faint-brand-hover: #413169;
  --k-color-shape-faint-brand-pressed: #2b2148;
  --k-color-shape-faint-error: #502421;
  --k-color-shape-faint-error-hover: #602a27;
  --k-color-shape-faint-error-pressed: #411c1a;
  --k-color-shape-faint-neutral-alpha: rgba(255, 255, 255, 0.06);
  --k-color-shape-faint-neutral-alpha-hover: rgba(255, 255, 255, 0.08);
  --k-color-shape-faint-neutral-alpha-pressed: rgba(255, 255, 255, 0.04);
  --k-color-shape-faint-success: #213a25;
  --k-color-shape-faint-success-hover: #27452d;
  --k-color-shape-faint-success-pressed: #1a2e1e;
  --k-color-shape-faint-warning: #422e19;
  --k-color-shape-faint-warning-hover: #4f381d;
  --k-color-shape-faint-warning-pressed: #352515;
  --k-color-shape-heavy-error: #ffdadd;
  --k-color-shape-heavy-neutral: #f2f2f2;
  --k-color-shape-heavy-success: #c3f3ca;
  --k-color-shape-heavy-warning: #ffe29a;
  --k-color-shape-other-accent-bold-disabled: rgba(255, 255, 255, 0.32);
  --k-color-shape-other-backless-hover: rgba(255, 255, 255, 0.06);
  --k-color-shape-other-backless-pressed: rgba(255, 255, 255, 0.04);
  --k-color-shape-other-base: rgba(255, 255, 255, 0.06);
  --k-color-shape-other-base-hover: rgba(255, 255, 255, 0.12);
  --k-color-shape-other-base-pressed: rgba(255, 255, 255, 0.04);
  --k-color-shape-other-disabled: rgba(255, 255, 255, 0.06);
  --k-color-shape-other-field: rgba(0, 0, 0, 0.16);
  --k-color-shape-other-field-hover: rgba(0, 0, 0, 0.04);
  --k-color-shape-other-field-pressed: rgba(0, 0, 0, 0.12);
  --k-color-shape-other-low: rgba(0, 0, 0, 0.24);
  --k-color-shape-other-low-hover: rgba(0, 0, 0, 0.16);
  --k-color-shape-other-low-pressed: rgba(0, 0, 0, 0.32);
  --k-color-shape-other-neutral-faint-solid: #333333;
  --k-color-shape-other-neutral-faint-solid-hover: #3d3d3d;
  --k-color-shape-other-neutral-faint-solid-pressed: #333333;
  --k-color-shape-other-neutral-pale-solid: #3d3d3d;
  --k-color-shape-other-neutral-pale-solid-hover: #484848;
  --k-color-shape-other-neutral-pale-solid-pressed: #333333;
  --k-color-shape-other-neutral-soft-solid: #484848;
  --k-color-shape-other-neutral-soft-solid-hover: #5d5d5d;
  --k-color-shape-other-neutral-soft-solid-pressed: #3d3d3d;
  --k-color-shape-pale-accent: rgba(255, 255, 255, 0.16);
  --k-color-shape-pale-accent-hover: rgba(255, 255, 255, 0.24);
  --k-color-shape-pale-accent-pressed: rgba(255, 255, 255, 0.12);
  --k-color-shape-pale-brand: #413169;
  --k-color-shape-pale-brand-hover: #4c3a7a;
  --k-color-shape-pale-brand-pressed: #362958;
  --k-color-shape-pale-error: #602a27;
  --k-color-shape-pale-error-hover: #71312e;
  --k-color-shape-pale-error-pressed: #502421;
  --k-color-shape-pale-neutral-alpha: rgba(255, 255, 255, 0.12);
  --k-color-shape-pale-neutral-alpha-hover: rgba(255, 255, 255, 0.16);
  --k-color-shape-pale-neutral-alpha-pressed: rgba(255, 255, 255, 0.06);
  --k-color-shape-pale-success: #27452d;
  --k-color-shape-pale-success-hover: #2d5134;
  --k-color-shape-pale-success-pressed: #213a25;
  --k-color-shape-pale-warning: #4f381d;
  --k-color-shape-pale-warning-hover: #5d4122;
  --k-color-shape-pale-warning-pressed: #422e19;
  --k-color-shape-soft-accent: rgba(255, 255, 255, 0.32);
  --k-color-shape-soft-accent-hover: rgba(255, 255, 255, 0.4);
  --k-color-shape-soft-accent-pressed: rgba(255, 255, 255, 0.24);
  --k-color-shape-soft-brand: #634c9e;
  --k-color-shape-soft-brand-hover: #6f55b0;
  --k-color-shape-soft-brand-pressed: #57438c;
  --k-color-shape-soft-error: #943e3b;
  --k-color-shape-soft-error-hover: #a74541;
  --k-color-shape-soft-error-pressed: #823835;
  --k-color-shape-soft-neutral-alpha: rgba(255, 255, 255, 0.16);
  --k-color-shape-soft-neutral-alpha-hover: rgba(255, 255, 255, 0.24);
  --k-color-shape-soft-neutral-alpha-pressed: rgba(255, 255, 255, 0.08);
  --k-color-shape-soft-success: #3a6a43;
  --k-color-shape-soft-success-hover: #3f784b;
  --k-color-shape-soft-success-pressed: #345e3c;
  --k-color-shape-soft-warning: #8a5f30;
  --k-color-shape-soft-warning-hover: #9a6836;
  --k-color-shape-soft-warning-pressed: #7a552b;
  --k-color-shape-inverted-backless-hover: rgba(0, 0, 0, 0.06);
  --k-color-shape-inverted-backless-pressed: rgba(0, 0, 0, 0.16);
  --k-color-shape-inverted-disabled: rgba(0, 0, 0, 0.06);
  --k-color-shape-inverted-neutral-faint-alpha: rgba(0, 0, 0, 0.06);
  --k-color-shape-inverted-neutral-faint-alpha-hover: rgba(0, 0, 0, 0.12);
  --k-color-shape-inverted-neutral-faint-alpha-pressed: rgba(0, 0, 0, 0.16);
  --k-color-shape-inverted-neutral-heavy: rgba(0, 0, 0, 0.8);
  --k-color-shape-inverted-neutral-heavy-hover: rgba(0, 0, 0, 0.88);
  --k-color-shape-inverted-neutral-heavy-pressed: rgba(0, 0, 0, 0.72);
  --k-color-shape-inverted-neutral-pale-alpha: rgba(0, 0, 0, 0.12);
  --k-color-shape-inverted-neutral-pale-alpha-hover: rgba(0, 0, 0, 0.16);
  --k-color-shape-inverted-neutral-pale-alpha-pressed: rgba(0, 0, 0, 0.24);
  --k-color-shape-inverted-neutral-soft-alpha: rgba(0, 0, 0, 0.16);
  --k-color-shape-inverted-neutral-soft-alpha-hover: rgba(0, 0, 0, 0.24);
  --k-color-shape-inverted-neutral-soft-alpha-pressed: rgba(0, 0, 0, 0.32);
  --k-color-shape-const-backless-black-hover: rgba(0, 0, 0, 0.12);
  --k-color-shape-const-backless-black-pressed: rgba(0, 0, 0, 0.16);
  --k-color-shape-const-backless-white-hover: rgba(255, 255, 255, 0.12);
  --k-color-shape-const-backless-white-pressed: rgba(255, 255, 255, 0.06);
  --k-color-shape-const-disabled-black: rgba(0, 0, 0, 0.06);
  --k-color-shape-const-disabled-white: rgba(255, 255, 255, 0.06);
  --k-color-shape-const-faint-black: rgba(0, 0, 0, 0.12);
  --k-color-shape-const-faint-black-hover: rgba(0, 0, 0, 0.16);
  --k-color-shape-const-faint-black-pressed: rgba(0, 0, 0, 0.24);
  --k-color-shape-const-faint-white: rgba(255, 255, 255, 0.12);
  --k-color-shape-const-faint-white-hover: rgba(255, 255, 255, 0.16);
  --k-color-shape-const-faint-white-pressed: rgba(255, 255, 255, 0.08);
  --k-color-shape-const-heavy-black: rgba(0, 0, 0, 0.8);
  --k-color-shape-const-heavy-black-hover: rgba(0, 0, 0, 0.88);
  --k-color-shape-const-heavy-black-pressed: rgba(0, 0, 0, 0.64);
  --k-color-shape-const-heavy-white: rgba(255, 255, 255, 0.96);
  --k-color-shape-const-heavy-white-hover: #ffffff;
  --k-color-shape-const-heavy-white-pressed: rgba(255, 255, 255, 0.64);
  --k-color-shape-const-pale-black: rgba(0, 0, 0, 0.16);
  --k-color-shape-const-pale-black-hover: rgba(0, 0, 0, 0.24);
  --k-color-shape-const-pale-black-pressed: rgba(0, 0, 0, 0.32);
  --k-color-shape-const-pale-white: rgba(255, 255, 255, 0.16);
  --k-color-shape-const-pale-white-hover: rgba(255, 255, 255, 0.24);
  --k-color-shape-const-pale-white-pressed: rgba(255, 255, 255, 0.12);
  --k-color-shape-const-promo: #402773;
  --k-color-shape-const-soft-black: rgba(0, 0, 0, 0.24);
  --k-color-shape-const-soft-black-hover: rgba(0, 0, 0, 0.32);
  --k-color-shape-const-soft-black-pressed: rgba(0, 0, 0, 0.4);
  --k-color-shape-const-soft-white: rgba(255, 255, 255, 0.24);
  --k-color-shape-const-soft-white-hover: rgba(255, 255, 255, 0.32);
  --k-color-shape-const-soft-white-pressed: rgba(255, 255, 255, 0.24);
  --k-color-line-accent-bold: #d7d7d7;
  --k-color-line-accent-bold-hover: #ffffff;
  --k-color-line-accent-bold-pressed: rgba(255, 255, 255, 0.64);
  --k-color-line-accent-pale: rgba(255, 255, 255, 0.24);
  --k-color-line-accent-pale-hover: rgba(255, 255, 255, 0.32);
  --k-color-line-accent-pale-pressed: rgba(255, 255, 255, 0.16);
  --k-color-line-accent-soft: rgba(255, 255, 255, 0.48);
  --k-color-line-accent-soft-hover: #ffffff;
  --k-color-line-accent-soft-pressed: #ffffff;
  --k-color-line-brand-original: #844BEC;
  --k-color-line-error-bold: #e62b34;
  --k-color-line-error-bold-hover: #ff5352;
  --k-color-line-error-bold-pressed: #ba4b47;
  --k-color-line-neutral-faint: rgba(255, 255, 255, 0.08);
  --k-color-line-neutral-pale: rgba(255, 255, 255, 0.16);
  --k-color-line-neutral-pale-hover: rgba(255, 255, 255, 0.24);
  --k-color-line-neutral-pale-pressed: rgba(255, 255, 255, 0.12);
  --k-color-line-on-accent-bold-faint: rgba(0, 0, 0, 0.12);
  --k-color-line-on-accent-bold-pale: rgba(0, 0, 0, 0.24);
  --k-color-line-on-brand-original-faint: rgba(255, 255, 255, 0.12);
  --k-color-line-on-brand-original-pale: rgba(255, 255, 255, 0.24);
  --k-color-line-success-bold: #009b41;
  --k-color-line-success-bold-hover: #00b74e;
  --k-color-line-success-bold-pressed: #458552;
  --k-color-line-warning-bold: #fdaa00;
  --k-color-line-warning-bold-hover: #ffbe3d;
  --k-color-line-warning-bold-pressed: #d69551;
  --k-color-line-inverted-accent-bold: #525252;
  --k-color-line-inverted-accent-bold-hover: #161616;
  --k-color-line-inverted-accent-bold-pressed: rgba(0, 0, 0, 0.64);
  --k-color-line-inverted-accent-pale: rgba(0, 0, 0, 0.24);
  --k-color-line-inverted-accent-pale-hover: rgba(0, 0, 0, 0.32);
  --k-color-line-inverted-accent-pale-pressed: rgba(0, 0, 0, 0.4);
  --k-color-line-inverted-accent-soft: rgba(0, 0, 0, 0.48);
  --k-color-line-inverted-accent-soft-hover: rgba(0, 0, 0, 0.96);
  --k-color-line-inverted-accent-soft-pressed: rgba(0, 0, 0, 0.96);
  --k-color-line-inverted-error-bold: #d6192a;
  --k-color-line-inverted-error-bold-hover: #f63b40;
  --k-color-line-inverted-error-bold-pressed: #a74541;
  --k-color-line-inverted-neutral-faint: rgba(0, 0, 0, 0.08);
  --k-color-line-inverted-neutral-pale: rgba(0, 0, 0, 0.16);
  --k-color-line-inverted-neutral-pale-hover: rgba(0, 0, 0, 0.24);
  --k-color-line-inverted-neutral-pale-pressed: rgba(0, 0, 0, 0.32);
  --k-color-line-inverted-success-bold: #008d3a;
  --k-color-line-inverted-success-bold-hover: #00b74e;
  --k-color-line-inverted-success-bold-pressed: #458552;
  --k-color-line-inverted-warning-bold: #fdaa00;
  --k-color-line-inverted-warning-bold-hover: #e88b00;
  --k-color-line-inverted-warning-bold-pressed: #cb874c;
  --k-color-line-const-faint-black: rgba(0, 0, 0, 0.12);
  --k-color-line-const-faint-white: rgba(255, 255, 255, 0.12);
  --k-color-line-const-pale-black: rgba(0, 0, 0, 0.24);
  --k-color-line-const-pale-black-hover: rgba(0, 0, 0, 0.32);
  --k-color-line-const-pale-black-pressed: rgba(0, 0, 0, 0.16);
  --k-color-line-const-pale-white: rgba(255, 255, 255, 0.24);
  --k-color-line-const-pale-white-hover: rgba(255, 255, 255, 0.32);
  --k-color-line-const-pale-white-pressed: rgba(255, 255, 255, 0.16);
  --k-color-surface-base: #292929;
  --k-color-surface-high: #333333;
  --k-color-surface-low: #1f1f1f;
  --k-color-surface-modal-backdrop: rgba(0, 0, 0, 0.4);
  --k-color-illustration-black: #0d0d0d;
  --k-color-illustration-brand: #844BEC;
  --k-color-illustration-complement: #ffffff;
  --k-color-illustration-inverted-neutral: #000000;
  --k-color-illustration-neutral: #ffffff;
  --k-color-illustration-on-brand: rgba(255, 255, 255, 1);
  --k-color-illustration-on-complement: #402773;
  --k-color-illustration-promo: #402773;
  --k-color-illustration-symbol: #c1b0ff;
  --k-color-illustration-white: #ffffff;
  --k-color-customizable-bold-black: #b1b1b1;
  --k-color-customizable-bold-blue: #2b8df2;
  --k-color-customizable-bold-blue-deep: #3e72ff;
  --k-color-customizable-bold-gray: #696969;
  --k-color-customizable-bold-green: #2ca651;
  --k-color-customizable-bold-mint: #01b197;
  --k-color-customizable-bold-orange: #f06a28;
  --k-color-customizable-bold-purple: #be5ad8;
  --k-color-customizable-bold-red: #ee4948;
  --k-color-customizable-bold-violet: #956ef2;
  --k-color-customizable-bold-yellow: #ed9f00;
  --k-color-customizable-faint-black: #484848;
  --k-color-customizable-faint-blue: #1f344d;
  --k-color-customizable-faint-blue-deep: #1e305c;
  --k-color-customizable-faint-gray: #333333;
  --k-color-customizable-faint-green: #213a25;
  --k-color-customizable-faint-mint: #163a32;
  --k-color-customizable-faint-orange: #482a1e;
  --k-color-customizable-faint-purple: #44244c;
  --k-color-customizable-faint-red: #502421;
  --k-color-customizable-faint-violet: #362958;
  --k-color-customizable-faint-yellow: #412f18;
  --k-color-customizable-heavy-black: #f2f2f2;
  --k-color-customizable-heavy-blue: #80c5ff;
  --k-color-customizable-heavy-blue-deep: #88b0ff;
  --k-color-customizable-heavy-gray: #808080;
  --k-color-customizable-heavy-green: #6fe98b;
  --k-color-customizable-heavy-mint: #4af6dd;
  --k-color-customizable-heavy-orange: #ff8f54;
  --k-color-customizable-heavy-purple: #ea9aff;
  --k-color-customizable-heavy-red: #ff8a84;
  --k-color-customizable-heavy-violet: #b69fff;
  --k-color-customizable-heavy-yellow: #ffbe26;
  --k-color-customizable-pale-black: #525252;
  --k-color-customizable-pale-blue: #253f5c;
  --k-color-customizable-pale-blue-deep: #243a6e;
  --k-color-customizable-pale-gray: #3d3d3d;
  --k-color-customizable-pale-green: #27452d;
  --k-color-customizable-pale-mint: #19463d;
  --k-color-customizable-pale-orange: #573324;
  --k-color-customizable-pale-purple: #522a5c;
  --k-color-customizable-pale-red: #602a27;
  --k-color-customizable-pale-violet: #413169;
  --k-color-customizable-pale-yellow: #4e381d;
  --k-color-customizable-soft-black: #747474;
  --k-color-customizable-soft-blue: #37608e;
  --k-color-customizable-soft-blue-deep: #3959a5;
  --k-color-customizable-soft-gray: #525252;
  --k-color-customizable-soft-green: #3a6a43;
  --k-color-customizable-soft-mint: #216c5d;
  --k-color-customizable-soft-orange: #864c34;
  --k-color-customizable-soft-purple: #7c428b;
  --k-color-customizable-soft-red: #943e3b;
  --k-color-customizable-soft-violet: #634c9e;
  --k-color-customizable-soft-yellow: #87602d;
}