@skbkontur/colors 1.1.2-34230.0 → 1.1.2-6463e.0

package/dist/tokens/semantic/css/brand-red_accent-brand.css

@@ -1,47 +1,53 @@
 [data-k-brand='red'][data-k-accent='brand'] {
-  --k-textAccentPrimary: #c50220;
-  --k-textAccentPrimaryHover: #e62b34;
-  --k-textAccentPrimaryPressed: #943e3b;
+  --k-textAccentHeavy: #c50220;
+  --k-textAccentHeavyHover: #e62b34;
+  --k-textAccentHeavyPressed: #943e3b;
   --k-textDisabled: rgba(0, 0, 0, 0.32);
-  --k-textErrorPrimary: #c50220;
-  --k-textErrorPrimaryHover: #e62b34;
-  --k-textErrorPrimaryPressed: #943e3b;
-  --k-textInvertedAccentPrimary: #ff726b;
-  --k-textInvertedAccentPrimaryHover: #ffa09b;
-  --k-textInvertedAccentPrimaryPressed: #dd5d58;
+  --k-textErrorHeavy: #c50220;
+  --k-textErrorHeavyHover: #e62b34;
+  --k-textErrorHeavyPressed: #943e3b;
+  --k-textInvertedAccentHeavy: #ff726b;
+  --k-textInvertedAccentHeavyHover: #ffa09b;
+  --k-textInvertedAccentHeavyPressed: #dd5d58;
   --k-textInvertedDisabled: rgba(255, 255, 255, 0.4);
-  --k-textInvertedErrorPrimary: #ff5352;
-  --k-textInvertedErrorPrimaryHover: #ff726b;
-  --k-textInvertedErrorPrimaryPressed: #dd5d58;
-  --k-textInvertedNeutralPrimary: rgba(255, 255, 255, 0.96);
-  --k-textInvertedNeutralSecondary: rgba(255, 255, 255, 0.64);
-  --k-textInvertedSuccessPrimary: #00c655;
-  --k-textInvertedSuccessPrimaryHover: #4ede76;
-  --k-textInvertedSuccessPrimaryPressed: #4fa161;
-  --k-textInvertedWarningPrimary: #f8ae00;
-  --k-textInvertedWarningPrimaryHover: #ffbf0b;
-  --k-textInvertedWarningPrimaryPressed: #cc9a51;
+  --k-textInvertedErrorHeavy: #ff5352;
+  --k-textInvertedErrorHeavyHover: #ff726b;
+  --k-textInvertedErrorHeavyPressed: #dd5d58;
+  --k-textInvertedNeutralHeavy: rgba(255, 255, 255, 0.96);
+  --k-textInvertedNeutralPale: rgba(255, 255, 255, 0.48);
+  --k-textInvertedNeutralSoft: rgba(255, 255, 255, 0.64);
+  --k-textInvertedSuccessHeavy: #00c655;
+  --k-textInvertedSuccessHeavyHover: #4ede76;
+  --k-textInvertedSuccessHeavyPressed: #4fa161;
+  --k-textInvertedWarningHeavy: #f8ae00;
+  --k-textInvertedWarningHeavyHover: #ffbf0b;
+  --k-textInvertedWarningHeavyPressed: #cc9a51;
   --k-textLogo: #fe4c4c;
-  --k-textNeutralPrimary: rgba(0, 0, 0, 0.88);
-  --k-textNeutralSecondary: rgba(0, 0, 0, 0.56);
-  --k-textSuccessPrimary: #007f34;
-  --k-textSuccessPrimaryHover: #009b41;
-  --k-textSuccessPrimaryPressed: #3a6a43;
-  --k-textWarningPrimary: #bc7d00;
-  --k-textWarningPrimaryHover: #db9400;
-  --k-textWarningPrimaryPressed: #a37736;
+  --k-textNeutralHeavy: rgba(0, 0, 0, 0.88);
+  --k-textNeutralPale: rgba(0, 0, 0, 0.4);
+  --k-textNeutralSoft: rgba(0, 0, 0, 0.56);
+  --k-textSuccessHeavy: #007f34;
+  --k-textSuccessHeavyHover: #009b41;
+  --k-textSuccessHeavyPressed: #3a6a43;
+  --k-textWarningHeavy: #bc7d00;
+  --k-textWarningHeavyHover: #db9400;
+  --k-textWarningHeavyPressed: #a37736;
   --k-textConstDisabledBlack: rgba(0, 0, 0, 0.32);
   --k-textConstDisabledWhite: rgba(255, 255, 255, 0.4);
-  --k-textConstPrimaryBlack: rgba(0, 0, 0, 0.88);
-  --k-textConstPrimaryWhite: rgba(255, 255, 255, 0.96);
-  --k-textConstSecondaryBlack: rgba(0, 0, 0, 0.56);
-  --k-textConstSecondaryWhite: rgba(255, 255, 255, 0.64);
+  --k-textConstHeavyBlack: rgba(0, 0, 0, 0.88);
+  --k-textConstHeavyWhite: rgba(255, 255, 255, 0.96);
+  --k-textConstPaleBlack: rgba(0, 0, 0, 0.4);
+  --k-textConstPaleWhite: rgba(255, 255, 255, 0.48);
+  --k-textConstSoftBlack: rgba(0, 0, 0, 0.56);
+  --k-textConstSoftWhite: rgba(255, 255, 255, 0.64);
   --k-textOnAccentBoldDisabled: rgba(255, 255, 255, 0.4);
-  --k-textOnAccentBoldPrimary: rgba(255, 255, 255, 0.96);
-  --k-textOnAccentBoldSecondary: rgba(255, 255, 255, 0.64);
+  --k-textOnAccentBoldHeavy: rgba(255, 255, 255, 0.96);
+  --k-textOnAccentBoldPale: rgba(255, 255, 255, 0.48);
+  --k-textOnAccentBoldSoft: rgba(255, 255, 255, 0.64);
   --k-textOnBrandOriginalDisabled: rgba(255, 255, 255, 0.4);
-  --k-textOnBrandOriginalPrimary: rgba(255, 255, 255, 0.96);
-  --k-textOnBrandOriginalSecondary: rgba(255, 255, 255, 0.64);
+  --k-textOnBrandOriginalHeavy: rgba(255, 255, 255, 0.96);
+  --k-textOnBrandOriginalPale: rgba(255, 255, 255, 0.48);
+  --k-textOnBrandOriginalSoft: rgba(255, 255, 255, 0.64);
   --k-shapeBoldAccent: #fe4c4c;
   --k-shapeBoldAccentHover: #ef3c40;
   --k-shapeBoldAccentPressed: #d54141;
@@ -83,13 +89,15 @@
   --k-shapeHeavySuccess: #0b4a1f;
   --k-shapeHeavyWarning: #543600;
   --k-shapeOtherAccentBoldDisabled: rgba(0, 0, 0, 0.32);
-  --k-shapeOtherBacklessHover: rgba(0, 0, 0, 0.08);
-  --k-shapeOtherBacklessPressed: rgba(0, 0, 0, 0.12);
+  --k-shapeOtherBacklessHover: rgba(0, 0, 0, 0.06);
+  --k-shapeOtherBacklessPressed: rgba(0, 0, 0, 0.08);
   --k-shapeOtherBase: #fff;
-  --k-shapeOtherBaseHover: rgba(255, 255, 255, 0.64);
-  --k-shapeOtherBasePressed: rgba(255, 255, 255, 0.32);
+  --k-shapeOtherBaseHover: #f2f2f2;
+  --k-shapeOtherBasePressed: #e4e4e4;
   --k-shapeOtherDisabled: rgba(0, 0, 0, 0.06);
   --k-shapeOtherField: #fff;
+  --k-shapeOtherFieldHover: #f2f2f2;
+  --k-shapeOtherFieldPressed: #e4e4e4;
   --k-shapeOtherLow: rgba(0, 0, 0, 0.06);
   --k-shapeOtherLowHover: rgba(0, 0, 0, 0.08);
   --k-shapeOtherLowPressed: rgba(0, 0, 0, 0.12);
@@ -138,7 +146,7 @@
   --k-shapeSoftWarning: #fcd35d;
   --k-shapeSoftWarningHover: #f4c359;
   --k-shapeSoftWarningPressed: #e5b566;
-  --k-shapeInvertedBacklessHover: rgba(255, 255, 255, 0.08);
+  --k-shapeInvertedBacklessHover: rgba(255, 255, 255, 0.06);
   --k-shapeInvertedBacklessPressed: rgba(255, 255, 255, 0.04);
   --k-shapeInvertedDisabled: rgba(255, 255, 255, 0.06);
   --k-shapeInvertedNeutralFaintAlpha: rgba(255, 255, 255, 0.06);
@@ -248,6 +256,8 @@
   --k-illustrationBlack: #0d0d0d;
   --k-illustrationBrand: #fe4c4c;
   --k-illustrationComplement: #5d1d3c;
+  --k-illustrationInvertedNeutral: #fff;
+  --k-illustrationNeutral: #000;
   --k-illustrationOnBrand: rgba(255, 255, 255, 1);
   --k-illustrationOnComplement: #fff;
   --k-illustrationPromo: #5d1d3c;
@@ -311,49 +321,55 @@
 }
 
 [data-k-brand='red'][data-k-accent='brand'][data-k-theme='dark'] {
-  --k-textAccentPrimary: #ff726b;
-  --k-textAccentPrimaryHover: #ffa09b;
-  --k-textAccentPrimaryPressed: #dd5d58;
+  --k-textAccentHeavy: #ff726b;
+  --k-textAccentHeavyHover: #ffa09b;
+  --k-textAccentHeavyPressed: #dd5d58;
   --k-textDisabled: rgba(255, 255, 255, 0.4);
-  --k-textErrorPrimary: #ff5352;
-  --k-textErrorPrimaryHover: #ff726b;
-  --k-textErrorPrimaryPressed: #dd5d58;
-  --k-textInvertedAccentPrimary: #c50220;
-  --k-textInvertedAccentPrimaryHover: #e62b34;
-  --k-textInvertedAccentPrimaryPressed: #943e3b;
+  --k-textErrorHeavy: #ff5352;
+  --k-textErrorHeavyHover: #ff726b;
+  --k-textErrorHeavyPressed: #dd5d58;
+  --k-textInvertedAccentHeavy: #c50220;
+  --k-textInvertedAccentHeavyHover: #e62b34;
+  --k-textInvertedAccentHeavyPressed: #943e3b;
   --k-textInvertedDisabled: rgba(0, 0, 0, 0.32);
-  --k-textInvertedErrorPrimary: #c50220;
-  --k-textInvertedErrorPrimaryHover: #e62b34;
-  --k-textInvertedErrorPrimaryPressed: #943e3b;
-  --k-textInvertedNeutralPrimary: rgba(0, 0, 0, 0.88);
-  --k-textInvertedNeutralSecondary: rgba(0, 0, 0, 0.56);
-  --k-textInvertedSuccessPrimary: #007f34;
-  --k-textInvertedSuccessPrimaryHover: #009b41;
-  --k-textInvertedSuccessPrimaryPressed: #3a6a43;
-  --k-textInvertedWarningPrimary: #bc7d00;
-  --k-textInvertedWarningPrimaryHover: #db9400;
-  --k-textInvertedWarningPrimaryPressed: #956c30;
+  --k-textInvertedErrorHeavy: #c50220;
+  --k-textInvertedErrorHeavyHover: #e62b34;
+  --k-textInvertedErrorHeavyPressed: #943e3b;
+  --k-textInvertedNeutralHeavy: rgba(0, 0, 0, 0.88);
+  --k-textInvertedNeutralPale: rgba(0, 0, 0, 0.4);
+  --k-textInvertedNeutralSoft: rgba(0, 0, 0, 0.56);
+  --k-textInvertedSuccessHeavy: #007f34;
+  --k-textInvertedSuccessHeavyHover: #009b41;
+  --k-textInvertedSuccessHeavyPressed: #3a6a43;
+  --k-textInvertedWarningHeavy: #bc7d00;
+  --k-textInvertedWarningHeavyHover: #db9400;
+  --k-textInvertedWarningHeavyPressed: #956c30;
   --k-textLogo: #fe4c4c;
-  --k-textNeutralPrimary: rgba(255, 255, 255, 0.96);
-  --k-textNeutralSecondary: rgba(255, 255, 255, 0.64);
-  --k-textSuccessPrimary: #00c655;
-  --k-textSuccessPrimaryHover: #4ede76;
-  --k-textSuccessPrimaryPressed: #4fa161;
-  --k-textWarningPrimary: #f8ae00;
-  --k-textWarningPrimaryHover: #ffbf0b;
-  --k-textWarningPrimaryPressed: #cc9a51;
+  --k-textNeutralHeavy: rgba(255, 255, 255, 0.96);
+  --k-textNeutralPale: rgba(255, 255, 255, 0.48);
+  --k-textNeutralSoft: rgba(255, 255, 255, 0.64);
+  --k-textSuccessHeavy: #00c655;
+  --k-textSuccessHeavyHover: #4ede76;
+  --k-textSuccessHeavyPressed: #4fa161;
+  --k-textWarningHeavy: #f8ae00;
+  --k-textWarningHeavyHover: #ffbf0b;
+  --k-textWarningHeavyPressed: #cc9a51;
   --k-textConstDisabledBlack: rgba(0, 0, 0, 0.32);
   --k-textConstDisabledWhite: rgba(255, 255, 255, 0.4);
-  --k-textConstPrimaryBlack: rgba(0, 0, 0, 0.88);
-  --k-textConstPrimaryWhite: rgba(255, 255, 255, 0.96);
-  --k-textConstSecondaryBlack: rgba(0, 0, 0, 0.56);
-  --k-textConstSecondaryWhite: rgba(255, 255, 255, 0.64);
+  --k-textConstHeavyBlack: rgba(0, 0, 0, 0.88);
+  --k-textConstHeavyWhite: rgba(255, 255, 255, 0.96);
+  --k-textConstPaleBlack: rgba(0, 0, 0, 0.4);
+  --k-textConstPaleWhite: rgba(255, 255, 255, 0.48);
+  --k-textConstSoftBlack: rgba(0, 0, 0, 0.56);
+  --k-textConstSoftWhite: rgba(255, 255, 255, 0.64);
   --k-textOnAccentBoldDisabled: rgba(255, 255, 255, 0.32);
-  --k-textOnAccentBoldPrimary: rgba(255, 255, 255, 0.96);
-  --k-textOnAccentBoldSecondary: rgba(255, 255, 255, 0.56);
+  --k-textOnAccentBoldHeavy: rgba(255, 255, 255, 0.96);
+  --k-textOnAccentBoldPale: rgba(255, 255, 255, 0.4);
+  --k-textOnAccentBoldSoft: rgba(255, 255, 255, 0.56);
   --k-textOnBrandOriginalDisabled: rgba(255, 255, 255, 0.4);
-  --k-textOnBrandOriginalPrimary: rgba(255, 255, 255, 0.96);
-  --k-textOnBrandOriginalSecondary: rgba(255, 255, 255, 0.64);
+  --k-textOnBrandOriginalHeavy: rgba(255, 255, 255, 0.96);
+  --k-textOnBrandOriginalPale: rgba(255, 255, 255, 0.48);
+  --k-textOnBrandOriginalSoft: rgba(255, 255, 255, 0.64);
   --k-shapeBoldAccent: #fe4c4c;
   --k-shapeBoldAccentHover: #ff5a58;
   --k-shapeBoldAccentPressed: #e34f4c;
@@ -395,13 +411,15 @@
   --k-shapeHeavySuccess: #c3f3ca;
   --k-shapeHeavyWarning: #fbe48d;
   --k-shapeOtherAccentBoldDisabled: rgba(255, 255, 255, 0.32);
-  --k-shapeOtherBacklessHover: rgba(255, 255, 255, 0.08);
+  --k-shapeOtherBacklessHover: rgba(255, 255, 255, 0.06);
   --k-shapeOtherBacklessPressed: rgba(255, 255, 255, 0.04);
-  --k-shapeOtherBase: rgba(255, 255, 255, 0.06);
-  --k-shapeOtherBaseHover: rgba(255, 255, 255, 0.12);
-  --k-shapeOtherBasePressed: rgba(255, 255, 255, 0.04);
+  --k-shapeOtherBase: #333;
+  --k-shapeOtherBaseHover: #3d3d3d;
+  --k-shapeOtherBasePressed: #292929;
   --k-shapeOtherDisabled: rgba(255, 255, 255, 0.06);
-  --k-shapeOtherField: rgba(0, 0, 0, 0.12);
+  --k-shapeOtherField: rgba(0, 0, 0, 0.16);
+  --k-shapeOtherFieldHover: rgba(0, 0, 0, 0.04);
+  --k-shapeOtherFieldPressed: rgba(0, 0, 0, 0.12);
   --k-shapeOtherLow: rgba(0, 0, 0, 0.24);
   --k-shapeOtherLowHover: rgba(0, 0, 0, 0.16);
   --k-shapeOtherLowPressed: rgba(0, 0, 0, 0.32);
@@ -450,8 +468,8 @@
   --k-shapeSoftWarning: #86612c;
   --k-shapeSoftWarningHover: #956c30;
   --k-shapeSoftWarningPressed: #775728;
-  --k-shapeInvertedBacklessHover: rgba(0, 0, 0, 0.08);
-  --k-shapeInvertedBacklessPressed: rgba(0, 0, 0, 0.12);
+  --k-shapeInvertedBacklessHover: rgba(0, 0, 0, 0.06);
+  --k-shapeInvertedBacklessPressed: rgba(0, 0, 0, 0.08);
   --k-shapeInvertedDisabled: rgba(0, 0, 0, 0.06);
   --k-shapeInvertedNeutralFaintAlpha: rgba(0, 0, 0, 0.06);
   --k-shapeInvertedNeutralFaintAlphaHover: rgba(0, 0, 0, 0.08);
@@ -560,6 +578,8 @@
   --k-illustrationBlack: #0d0d0d;
   --k-illustrationBrand: #fe4c4c;
   --k-illustrationComplement: #fff;
+  --k-illustrationInvertedNeutral: #000;
+  --k-illustrationNeutral: #fff;
   --k-illustrationOnBrand: rgba(255, 255, 255, 1);
   --k-illustrationOnComplement: #5d1d3c;
   --k-illustrationPromo: #5d1d3c;

package/dist/tokens/semantic/css/brand-red_accent-gray.css

@@ -1,53 +1,59 @@
 [data-k-brand='red'][data-k-accent='gray'] {
-  --k-textAccentPrimary: rgba(0, 0, 0, 0.88);
-  --k-textAccentPrimaryHover: rgba(0, 0, 0, 0.96);
-  --k-textAccentPrimaryPressed: rgba(0, 0, 0, 0.96);
+  --k-textAccentHeavy: rgba(0, 0, 0, 0.88);
+  --k-textAccentHeavyHover: rgba(0, 0, 0, 0.96);
+  --k-textAccentHeavyPressed: rgba(0, 0, 0, 0.96);
   --k-textDisabled: rgba(0, 0, 0, 0.32);
-  --k-textErrorPrimary: #c50220;
-  --k-textErrorPrimaryHover: #e62b34;
-  --k-textErrorPrimaryPressed: #943e3b;
-  --k-textInvertedAccentPrimary: rgba(255, 255, 255, 0.96);
-  --k-textInvertedAccentPrimaryHover: #fff;
-  --k-textInvertedAccentPrimaryPressed: #fff;
+  --k-textErrorHeavy: #c50220;
+  --k-textErrorHeavyHover: #e62b34;
+  --k-textErrorHeavyPressed: #943e3b;
+  --k-textInvertedAccentHeavy: rgba(255, 255, 255, 0.96);
+  --k-textInvertedAccentHeavyHover: #fff;
+  --k-textInvertedAccentHeavyPressed: #fff;
   --k-textInvertedDisabled: rgba(255, 255, 255, 0.4);
-  --k-textInvertedErrorPrimary: #ff5352;
-  --k-textInvertedErrorPrimaryHover: #ff726b;
-  --k-textInvertedErrorPrimaryPressed: #dd5d58;
-  --k-textInvertedNeutralPrimary: rgba(255, 255, 255, 0.96);
-  --k-textInvertedNeutralSecondary: rgba(255, 255, 255, 0.64);
-  --k-textInvertedSuccessPrimary: #00c655;
-  --k-textInvertedSuccessPrimaryHover: #4ede76;
-  --k-textInvertedSuccessPrimaryPressed: #4fa161;
-  --k-textInvertedWarningPrimary: #f8ae00;
-  --k-textInvertedWarningPrimaryHover: #ffbf0b;
-  --k-textInvertedWarningPrimaryPressed: #cc9a51;
+  --k-textInvertedErrorHeavy: #ff5352;
+  --k-textInvertedErrorHeavyHover: #ff726b;
+  --k-textInvertedErrorHeavyPressed: #dd5d58;
+  --k-textInvertedNeutralHeavy: rgba(255, 255, 255, 0.96);
+  --k-textInvertedNeutralPale: rgba(255, 255, 255, 0.48);
+  --k-textInvertedNeutralSoft: rgba(255, 255, 255, 0.64);
+  --k-textInvertedSuccessHeavy: #00c655;
+  --k-textInvertedSuccessHeavyHover: #4ede76;
+  --k-textInvertedSuccessHeavyPressed: #4fa161;
+  --k-textInvertedWarningHeavy: #f8ae00;
+  --k-textInvertedWarningHeavyHover: #ffbf0b;
+  --k-textInvertedWarningHeavyPressed: #cc9a51;
   --k-textLogo: #fe4c4c;
-  --k-textNeutralPrimary: rgba(0, 0, 0, 0.88);
-  --k-textNeutralSecondary: rgba(0, 0, 0, 0.56);
-  --k-textSuccessPrimary: #007f34;
-  --k-textSuccessPrimaryHover: #009b41;
-  --k-textSuccessPrimaryPressed: #3a6a43;
-  --k-textWarningPrimary: #bc7d00;
-  --k-textWarningPrimaryHover: #db9400;
-  --k-textWarningPrimaryPressed: #a37736;
+  --k-textNeutralHeavy: rgba(0, 0, 0, 0.88);
+  --k-textNeutralPale: rgba(0, 0, 0, 0.4);
+  --k-textNeutralSoft: rgba(0, 0, 0, 0.56);
+  --k-textSuccessHeavy: #007f34;
+  --k-textSuccessHeavyHover: #009b41;
+  --k-textSuccessHeavyPressed: #3a6a43;
+  --k-textWarningHeavy: #bc7d00;
+  --k-textWarningHeavyHover: #db9400;
+  --k-textWarningHeavyPressed: #a37736;
   --k-textConstDisabledBlack: rgba(0, 0, 0, 0.32);
   --k-textConstDisabledWhite: rgba(255, 255, 255, 0.4);
-  --k-textConstPrimaryBlack: rgba(0, 0, 0, 0.88);
-  --k-textConstPrimaryWhite: rgba(255, 255, 255, 0.96);
-  --k-textConstSecondaryBlack: rgba(0, 0, 0, 0.56);
-  --k-textConstSecondaryWhite: rgba(255, 255, 255, 0.64);
+  --k-textConstHeavyBlack: rgba(0, 0, 0, 0.88);
+  --k-textConstHeavyWhite: rgba(255, 255, 255, 0.96);
+  --k-textConstPaleBlack: rgba(0, 0, 0, 0.4);
+  --k-textConstPaleWhite: rgba(255, 255, 255, 0.48);
+  --k-textConstSoftBlack: rgba(0, 0, 0, 0.56);
+  --k-textConstSoftWhite: rgba(255, 255, 255, 0.64);
   --k-textOnAccentBoldDisabled: rgba(255, 255, 255, 0.4);
-  --k-textOnAccentBoldPrimary: rgba(255, 255, 255, 0.96);
-  --k-textOnAccentBoldSecondary: rgba(255, 255, 255, 0.64);
+  --k-textOnAccentBoldHeavy: rgba(255, 255, 255, 0.96);
+  --k-textOnAccentBoldPale: rgba(255, 255, 255, 0.48);
+  --k-textOnAccentBoldSoft: rgba(255, 255, 255, 0.64);
   --k-textOnBrandOriginalDisabled: rgba(255, 255, 255, 0.4);
-  --k-textOnBrandOriginalPrimary: rgba(255, 255, 255, 0.96);
-  --k-textOnBrandOriginalSecondary: rgba(255, 255, 255, 0.64);
+  --k-textOnBrandOriginalHeavy: rgba(255, 255, 255, 0.96);
+  --k-textOnBrandOriginalPale: rgba(255, 255, 255, 0.48);
+  --k-textOnBrandOriginalSoft: rgba(255, 255, 255, 0.64);
   --k-shapeBoldAccent: #3d3d3d;
-  --k-shapeBoldAccentHover: #333;
-  --k-shapeBoldAccentPressed: #292929;
-  --k-shapeBoldBrandOriginal: #3d3d3d;
-  --k-shapeBoldBrandOriginalHover: #333;
-  --k-shapeBoldBrandOriginalPressed: #292929;
+  --k-shapeBoldAccentHover: #292929;
+  --k-shapeBoldAccentPressed: #161616;
+  --k-shapeBoldBrandOriginal: undefined;
+  --k-shapeBoldBrandOriginalHover: undefined;
+  --k-shapeBoldBrandOriginalPressed: undefined;
   --k-shapeBoldError: #f63b40;
   --k-shapeBoldErrorHover: #e62b34;
   --k-shapeBoldErrorPressed: #cd3235;
@@ -83,13 +89,15 @@
   --k-shapeHeavySuccess: #0b4a1f;
   --k-shapeHeavyWarning: #543600;
   --k-shapeOtherAccentBoldDisabled: rgba(0, 0, 0, 0.32);
-  --k-shapeOtherBacklessHover: rgba(0, 0, 0, 0.08);
-  --k-shapeOtherBacklessPressed: rgba(0, 0, 0, 0.12);
+  --k-shapeOtherBacklessHover: rgba(0, 0, 0, 0.06);
+  --k-shapeOtherBacklessPressed: rgba(0, 0, 0, 0.08);
   --k-shapeOtherBase: #fff;
-  --k-shapeOtherBaseHover: rgba(255, 255, 255, 0.64);
-  --k-shapeOtherBasePressed: rgba(255, 255, 255, 0.32);
+  --k-shapeOtherBaseHover: #f2f2f2;
+  --k-shapeOtherBasePressed: #e4e4e4;
   --k-shapeOtherDisabled: rgba(0, 0, 0, 0.06);
   --k-shapeOtherField: #fff;
+  --k-shapeOtherFieldHover: #f2f2f2;
+  --k-shapeOtherFieldPressed: #e4e4e4;
   --k-shapeOtherLow: rgba(0, 0, 0, 0.06);
   --k-shapeOtherLowHover: rgba(0, 0, 0, 0.08);
   --k-shapeOtherLowPressed: rgba(0, 0, 0, 0.12);
@@ -138,7 +146,7 @@
   --k-shapeSoftWarning: #fcd35d;
   --k-shapeSoftWarningHover: #f4c359;
   --k-shapeSoftWarningPressed: #e5b566;
-  --k-shapeInvertedBacklessHover: rgba(255, 255, 255, 0.08);
+  --k-shapeInvertedBacklessHover: rgba(255, 255, 255, 0.06);
   --k-shapeInvertedBacklessPressed: rgba(255, 255, 255, 0.04);
   --k-shapeInvertedDisabled: rgba(255, 255, 255, 0.06);
   --k-shapeInvertedNeutralFaintAlpha: rgba(255, 255, 255, 0.06);
@@ -184,9 +192,9 @@
   --k-shapeConstSoftWhite: rgba(255, 255, 255, 0.24);
   --k-shapeConstSoftWhiteHover: rgba(255, 255, 255, 0.32);
   --k-shapeConstSoftWhitePressed: rgba(255, 255, 255, 0.24);
-  --k-lineAccentBold: #3d3d3d;
-  --k-lineAccentBoldHover: #333;
-  --k-lineAccentBoldPressed: #292929;
+  --k-lineAccentBold: #484848;
+  --k-lineAccentBoldHover: #161616;
+  --k-lineAccentBoldPressed: rgba(0, 0, 0, 0.64);
   --k-lineAccentPale: rgba(0, 0, 0, 0.24);
   --k-lineAccentPaleHover: rgba(0, 0, 0, 0.32);
   --k-lineAccentPalePressed: rgba(0, 0, 0, 0.4);
@@ -211,9 +219,9 @@
   --k-lineWarningBold: #f8ae00;
   --k-lineWarningBoldHover: #db9400;
   --k-lineWarningBoldPressed: #bd8f4d;
-  --k-lineInvertedAccentBold: #f2f2f2;
-  --k-lineInvertedAccentBoldHover: #484848;
-  --k-lineInvertedAccentBoldPressed: #333;
+  --k-lineInvertedAccentBold: #d7d7d7;
+  --k-lineInvertedAccentBoldHover: #fff;
+  --k-lineInvertedAccentBoldPressed: rgba(255, 255, 255, 0.64);
   --k-lineInvertedAccentPale: rgba(255, 255, 255, 0.24);
   --k-lineInvertedAccentPaleHover: rgba(255, 255, 255, 0.32);
   --k-lineInvertedAccentPalePressed: rgba(255, 255, 255, 0.16);
@@ -248,6 +256,8 @@
   --k-illustrationBlack: #0d0d0d;
   --k-illustrationBrand: #fe4c4c;
   --k-illustrationComplement: #5d1d3c;
+  --k-illustrationInvertedNeutral: #fff;
+  --k-illustrationNeutral: #000;
   --k-illustrationOnBrand: rgba(255, 255, 255, 1);
   --k-illustrationOnComplement: #fff;
   --k-illustrationPromo: #5d1d3c;
@@ -311,55 +321,61 @@
 }
 
 [data-k-brand='red'][data-k-accent='gray'][data-k-theme='dark'] {
-  --k-textAccentPrimary: rgba(255, 255, 255, 0.96);
-  --k-textAccentPrimaryHover: #fff;
-  --k-textAccentPrimaryPressed: #fff;
+  --k-textAccentHeavy: rgba(255, 255, 255, 0.96);
+  --k-textAccentHeavyHover: #fff;
+  --k-textAccentHeavyPressed: #fff;
   --k-textDisabled: rgba(255, 255, 255, 0.4);
-  --k-textErrorPrimary: #ff5352;
-  --k-textErrorPrimaryHover: #ff726b;
-  --k-textErrorPrimaryPressed: #dd5d58;
-  --k-textInvertedAccentPrimary: rgba(0, 0, 0, 0.88);
-  --k-textInvertedAccentPrimaryHover: rgba(0, 0, 0, 0.96);
-  --k-textInvertedAccentPrimaryPressed: rgba(0, 0, 0, 0.96);
+  --k-textErrorHeavy: #ff5352;
+  --k-textErrorHeavyHover: #ff726b;
+  --k-textErrorHeavyPressed: #dd5d58;
+  --k-textInvertedAccentHeavy: rgba(0, 0, 0, 0.88);
+  --k-textInvertedAccentHeavyHover: rgba(0, 0, 0, 0.96);
+  --k-textInvertedAccentHeavyPressed: rgba(0, 0, 0, 0.96);
   --k-textInvertedDisabled: rgba(0, 0, 0, 0.32);
-  --k-textInvertedErrorPrimary: #c50220;
-  --k-textInvertedErrorPrimaryHover: #e62b34;
-  --k-textInvertedErrorPrimaryPressed: #943e3b;
-  --k-textInvertedNeutralPrimary: rgba(0, 0, 0, 0.88);
-  --k-textInvertedNeutralSecondary: rgba(0, 0, 0, 0.56);
-  --k-textInvertedSuccessPrimary: #007f34;
-  --k-textInvertedSuccessPrimaryHover: #009b41;
-  --k-textInvertedSuccessPrimaryPressed: #3a6a43;
-  --k-textInvertedWarningPrimary: #bc7d00;
-  --k-textInvertedWarningPrimaryHover: #db9400;
-  --k-textInvertedWarningPrimaryPressed: #956c30;
+  --k-textInvertedErrorHeavy: #c50220;
+  --k-textInvertedErrorHeavyHover: #e62b34;
+  --k-textInvertedErrorHeavyPressed: #943e3b;
+  --k-textInvertedNeutralHeavy: rgba(0, 0, 0, 0.88);
+  --k-textInvertedNeutralPale: rgba(0, 0, 0, 0.4);
+  --k-textInvertedNeutralSoft: rgba(0, 0, 0, 0.56);
+  --k-textInvertedSuccessHeavy: #007f34;
+  --k-textInvertedSuccessHeavyHover: #009b41;
+  --k-textInvertedSuccessHeavyPressed: #3a6a43;
+  --k-textInvertedWarningHeavy: #bc7d00;
+  --k-textInvertedWarningHeavyHover: #db9400;
+  --k-textInvertedWarningHeavyPressed: #956c30;
   --k-textLogo: #fe4c4c;
-  --k-textNeutralPrimary: rgba(255, 255, 255, 0.96);
-  --k-textNeutralSecondary: rgba(255, 255, 255, 0.64);
-  --k-textSuccessPrimary: #00c655;
-  --k-textSuccessPrimaryHover: #4ede76;
-  --k-textSuccessPrimaryPressed: #4fa161;
-  --k-textWarningPrimary: #f8ae00;
-  --k-textWarningPrimaryHover: #ffbf0b;
-  --k-textWarningPrimaryPressed: #cc9a51;
+  --k-textNeutralHeavy: rgba(255, 255, 255, 0.96);
+  --k-textNeutralPale: rgba(255, 255, 255, 0.48);
+  --k-textNeutralSoft: rgba(255, 255, 255, 0.64);
+  --k-textSuccessHeavy: #00c655;
+  --k-textSuccessHeavyHover: #4ede76;
+  --k-textSuccessHeavyPressed: #4fa161;
+  --k-textWarningHeavy: #f8ae00;
+  --k-textWarningHeavyHover: #ffbf0b;
+  --k-textWarningHeavyPressed: #cc9a51;
   --k-textConstDisabledBlack: rgba(0, 0, 0, 0.32);
   --k-textConstDisabledWhite: rgba(255, 255, 255, 0.4);
-  --k-textConstPrimaryBlack: rgba(0, 0, 0, 0.88);
-  --k-textConstPrimaryWhite: rgba(255, 255, 255, 0.96);
-  --k-textConstSecondaryBlack: rgba(0, 0, 0, 0.56);
-  --k-textConstSecondaryWhite: rgba(255, 255, 255, 0.64);
+  --k-textConstHeavyBlack: rgba(0, 0, 0, 0.88);
+  --k-textConstHeavyWhite: rgba(255, 255, 255, 0.96);
+  --k-textConstPaleBlack: rgba(0, 0, 0, 0.4);
+  --k-textConstPaleWhite: rgba(255, 255, 255, 0.48);
+  --k-textConstSoftBlack: rgba(0, 0, 0, 0.56);
+  --k-textConstSoftWhite: rgba(255, 255, 255, 0.64);
   --k-textOnAccentBoldDisabled: rgba(0, 0, 0, 0.32);
-  --k-textOnAccentBoldPrimary: rgba(0, 0, 0, 0.88);
-  --k-textOnAccentBoldSecondary: rgba(0, 0, 0, 0.56);
+  --k-textOnAccentBoldHeavy: rgba(0, 0, 0, 0.88);
+  --k-textOnAccentBoldPale: rgba(0, 0, 0, 0.4);
+  --k-textOnAccentBoldSoft: rgba(0, 0, 0, 0.56);
   --k-textOnBrandOriginalDisabled: rgba(255, 255, 255, 0.4);
-  --k-textOnBrandOriginalPrimary: rgba(255, 255, 255, 0.96);
-  --k-textOnBrandOriginalSecondary: rgba(255, 255, 255, 0.64);
+  --k-textOnBrandOriginalHeavy: rgba(255, 255, 255, 0.96);
+  --k-textOnBrandOriginalPale: rgba(255, 255, 255, 0.48);
+  --k-textOnBrandOriginalSoft: rgba(255, 255, 255, 0.64);
   --k-shapeBoldAccent: #f2f2f2;
-  --k-shapeBoldAccentHover: #484848;
-  --k-shapeBoldAccentPressed: #333;
-  --k-shapeBoldBrandOriginal: #f2f2f2;
-  --k-shapeBoldBrandOriginalHover: #484848;
-  --k-shapeBoldBrandOriginalPressed: #292929;
+  --k-shapeBoldAccentHover: #fff;
+  --k-shapeBoldAccentPressed: #cacaca;
+  --k-shapeBoldBrandOriginal: undefined;
+  --k-shapeBoldBrandOriginalHover: undefined;
+  --k-shapeBoldBrandOriginalPressed: undefined;
   --k-shapeBoldError: #de3c3e;
   --k-shapeBoldErrorHover: #ee4948;
   --k-shapeBoldErrorPressed: #a74541;
@@ -395,13 +411,15 @@
   --k-shapeHeavySuccess: #c3f3ca;
   --k-shapeHeavyWarning: #fbe48d;
   --k-shapeOtherAccentBoldDisabled: rgba(255, 255, 255, 0.32);
-  --k-shapeOtherBacklessHover: rgba(255, 255, 255, 0.08);
+  --k-shapeOtherBacklessHover: rgba(255, 255, 255, 0.06);
   --k-shapeOtherBacklessPressed: rgba(255, 255, 255, 0.04);
-  --k-shapeOtherBase: rgba(255, 255, 255, 0.06);
-  --k-shapeOtherBaseHover: rgba(255, 255, 255, 0.12);
-  --k-shapeOtherBasePressed: rgba(255, 255, 255, 0.04);
+  --k-shapeOtherBase: #333;
+  --k-shapeOtherBaseHover: #3d3d3d;
+  --k-shapeOtherBasePressed: #292929;
   --k-shapeOtherDisabled: rgba(255, 255, 255, 0.06);
-  --k-shapeOtherField: rgba(0, 0, 0, 0.12);
+  --k-shapeOtherField: rgba(0, 0, 0, 0.16);
+  --k-shapeOtherFieldHover: rgba(0, 0, 0, 0.04);
+  --k-shapeOtherFieldPressed: rgba(0, 0, 0, 0.12);
   --k-shapeOtherLow: rgba(0, 0, 0, 0.24);
   --k-shapeOtherLowHover: rgba(0, 0, 0, 0.16);
   --k-shapeOtherLowPressed: rgba(0, 0, 0, 0.32);
@@ -450,8 +468,8 @@
   --k-shapeSoftWarning: #86612c;
   --k-shapeSoftWarningHover: #956c30;
   --k-shapeSoftWarningPressed: #775728;
-  --k-shapeInvertedBacklessHover: rgba(0, 0, 0, 0.08);
-  --k-shapeInvertedBacklessPressed: rgba(0, 0, 0, 0.12);
+  --k-shapeInvertedBacklessHover: rgba(0, 0, 0, 0.06);
+  --k-shapeInvertedBacklessPressed: rgba(0, 0, 0, 0.08);
   --k-shapeInvertedDisabled: rgba(0, 0, 0, 0.06);
   --k-shapeInvertedNeutralFaintAlpha: rgba(0, 0, 0, 0.06);
   --k-shapeInvertedNeutralFaintAlphaHover: rgba(0, 0, 0, 0.08);
@@ -496,9 +514,9 @@
   --k-shapeConstSoftWhite: rgba(255, 255, 255, 0.24);
   --k-shapeConstSoftWhiteHover: rgba(255, 255, 255, 0.32);
   --k-shapeConstSoftWhitePressed: rgba(255, 255, 255, 0.24);
-  --k-lineAccentBold: #f2f2f2;
-  --k-lineAccentBoldHover: #484848;
-  --k-lineAccentBoldPressed: #333;
+  --k-lineAccentBold: #d7d7d7;
+  --k-lineAccentBoldHover: #fff;
+  --k-lineAccentBoldPressed: rgba(255, 255, 255, 0.64);
   --k-lineAccentPale: rgba(255, 255, 255, 0.24);
   --k-lineAccentPaleHover: rgba(255, 255, 255, 0.32);
   --k-lineAccentPalePressed: rgba(255, 255, 255, 0.16);
@@ -523,9 +541,9 @@
   --k-lineWarningBold: #f8ae00;
   --k-lineWarningBoldHover: #ffbf0b;
   --k-lineWarningBoldPressed: #cc9a51;
-  --k-lineInvertedAccentBold: #3d3d3d;
-  --k-lineInvertedAccentBoldHover: #333;
-  --k-lineInvertedAccentBoldPressed: #292929;
+  --k-lineInvertedAccentBold: #525252;
+  --k-lineInvertedAccentBoldHover: #161616;
+  --k-lineInvertedAccentBoldPressed: rgba(0, 0, 0, 0.64);
   --k-lineInvertedAccentPale: rgba(0, 0, 0, 0.24);
   --k-lineInvertedAccentPaleHover: rgba(0, 0, 0, 0.32);
   --k-lineInvertedAccentPalePressed: rgba(0, 0, 0, 0.4);
@@ -560,6 +578,8 @@
   --k-illustrationBlack: #0d0d0d;
   --k-illustrationBrand: #fe4c4c;
   --k-illustrationComplement: #fff;
+  --k-illustrationInvertedNeutral: #000;
+  --k-illustrationNeutral: #fff;
   --k-illustrationOnBrand: rgba(255, 255, 255, 1);
   --k-illustrationOnComplement: #5d1d3c;
   --k-illustrationPromo: #5d1d3c;