export const textAccentHeavy = 'var(--k-color-text-accent-heavy, rgba(255, 255, 255, 0.96))'; export const textAccentHeavyHover = 'var(--k-color-text-accent-heavy-hover, #ffffff)'; export const textAccentHeavyPressed = 'var(--k-color-text-accent-heavy-pressed, #ffffff)'; export const textErrorHeavy = 'var(--k-color-text-error-heavy, #ff5352)'; export const textErrorHeavyHover = 'var(--k-color-text-error-heavy-hover, #ff726b)'; export const textErrorHeavyPressed = 'var(--k-color-text-error-heavy-pressed, #dd5d58)'; export const textInvertedAccentHeavy = 'var(--k-color-text-inverted-accent-heavy, rgba(0, 0, 0, 0.88))'; export const textInvertedAccentHeavyHover = 'var(--k-color-text-inverted-accent-heavy-hover, rgba(0, 0, 0, 0.96))'; export const textInvertedAccentHeavyPressed = 'var(--k-color-text-inverted-accent-heavy-pressed, rgba(0, 0, 0, 0.96))'; export const textInvertedErrorHeavy = 'var(--k-color-text-inverted-error-heavy, #c50220)'; export const textInvertedErrorHeavyHover = 'var(--k-color-text-inverted-error-heavy-hover, #e62b34)'; export const textInvertedErrorHeavyPressed = 'var(--k-color-text-inverted-error-heavy-pressed, #943e3b)'; export const textInvertedNeutralFaint = 'var(--k-color-text-inverted-neutral-faint, rgba(0, 0, 0, 0.32))'; export const textInvertedNeutralHeavy = 'var(--k-color-text-inverted-neutral-heavy, rgba(0, 0, 0, 0.88))'; export const textInvertedNeutralPale = 'var(--k-color-text-inverted-neutral-pale, rgba(0, 0, 0, 0.4))'; export const textInvertedNeutralSoft = 'var(--k-color-text-inverted-neutral-soft, rgba(0, 0, 0, 0.56))'; export const textInvertedSuccessHeavy = 'var(--k-color-text-inverted-success-heavy, #007f34)'; export const textInvertedSuccessHeavyHover = 'var(--k-color-text-inverted-success-heavy-hover, #009b41)'; export const textInvertedSuccessHeavyPressed = 'var(--k-color-text-inverted-success-heavy-pressed, #3a6a43)'; export const textInvertedWarningHeavy = 'var(--k-color-text-inverted-warning-heavy, #d26e00)'; export const textInvertedWarningHeavyHover = 'var(--k-color-text-inverted-warning-heavy-hover, #e88b00)'; export const textInvertedWarningHeavyPressed = 'var(--k-color-text-inverted-warning-heavy-pressed, #9a6836)'; export const textLogo = 'var(--k-color-text-logo, #FE4C4C)'; export const textNeutralFaint = 'var(--k-color-text-neutral-faint, rgba(255, 255, 255, 0.4))'; export const textNeutralHeavy = 'var(--k-color-text-neutral-heavy, rgba(255, 255, 255, 0.96))'; export const textNeutralPale = 'var(--k-color-text-neutral-pale, rgba(255, 255, 255, 0.48))'; export const textNeutralSoft = 'var(--k-color-text-neutral-soft, rgba(255, 255, 255, 0.64))'; export const textSuccessHeavy = 'var(--k-color-text-success-heavy, #00c655)'; export const textSuccessHeavyHover = 'var(--k-color-text-success-heavy-hover, #4ede76)'; export const textSuccessHeavyPressed = 'var(--k-color-text-success-heavy-pressed, #4fa161)'; export const textWarningHeavy = 'var(--k-color-text-warning-heavy, #fdaa00)'; export const textWarningHeavyHover = 'var(--k-color-text-warning-heavy-hover, #ffbe3d)'; export const textWarningHeavyPressed = 'var(--k-color-text-warning-heavy-pressed, #d69551)'; export const textConstFaintBlack = 'var(--k-color-text-const-faint-black, rgba(0, 0, 0, 0.32))'; export const textConstFaintWhite = 'var(--k-color-text-const-faint-white, rgba(255, 255, 255, 0.4))'; export const textConstHeavyBlack = 'var(--k-color-text-const-heavy-black, rgba(0, 0, 0, 0.88))'; export const textConstHeavyWhite = 'var(--k-color-text-const-heavy-white, rgba(255, 255, 255, 0.96))'; export const textConstPaleBlack = 'var(--k-color-text-const-pale-black, rgba(0, 0, 0, 0.4))'; export const textConstPaleWhite = 'var(--k-color-text-const-pale-white, rgba(255, 255, 255, 0.48))'; export const textConstSoftBlack = 'var(--k-color-text-const-soft-black, rgba(0, 0, 0, 0.56))'; export const textConstSoftWhite = 'var(--k-color-text-const-soft-white, rgba(255, 255, 255, 0.64))'; export const textOnAccentBoldFaint = 'var(--k-color-text-on-accent-bold-faint, rgba(0, 0, 0, 0.32))'; export const textOnAccentBoldHeavy = 'var(--k-color-text-on-accent-bold-heavy, rgba(0, 0, 0, 0.88))'; export const textOnAccentBoldPale = 'var(--k-color-text-on-accent-bold-pale, rgba(0, 0, 0, 0.4))'; export const textOnAccentBoldSoft = 'var(--k-color-text-on-accent-bold-soft, rgba(0, 0, 0, 0.56))'; export const textOnBrandOriginalFaint = 'var(--k-color-text-on-brand-original-faint, rgba(255, 255, 255, 0.4))'; export const textOnBrandOriginalHeavy = 'var(--k-color-text-on-brand-original-heavy, rgba(255, 255, 255, 0.96))'; export const textOnBrandOriginalPale = 'var(--k-color-text-on-brand-original-pale, rgba(255, 255, 255, 0.48))'; export const textOnBrandOriginalSoft = 'var(--k-color-text-on-brand-original-soft, rgba(255, 255, 255, 0.64))'; export const shapeBoldAccent = 'var(--k-color-shape-bold-accent, #f2f2f2)'; export const shapeBoldAccentHover = 'var(--k-color-shape-bold-accent-hover, #ffffff)'; export const shapeBoldAccentPressed = 'var(--k-color-shape-bold-accent-pressed, #cacaca)'; export const shapeBoldBrandOriginal = 'var(--k-color-shape-bold-brand-original, #FE4C4C)'; export const shapeBoldBrandOriginalHover = 'var(--k-color-shape-bold-brand-original-hover, #ff6b65)'; export const shapeBoldBrandOriginalPressed = 'var(--k-color-shape-bold-brand-original-pressed, #e34f4c)'; export const shapeBoldError = 'var(--k-color-shape-bold-error, #de3c3e)'; export const shapeBoldErrorHover = 'var(--k-color-shape-bold-error-hover, #ee4948)'; export const shapeBoldErrorPressed = 'var(--k-color-shape-bold-error-pressed, #a74541)'; export const shapeBoldNeutral = 'var(--k-color-shape-bold-neutral, #bebebe)'; export const shapeBoldNeutralHover = 'var(--k-color-shape-bold-neutral-hover, #d7d7d7)'; export const shapeBoldNeutralPressed = 'var(--k-color-shape-bold-neutral-pressed, rgba(255, 255, 255, 0.56))'; export const shapeBoldSuccess = 'var(--k-color-shape-bold-success, #1d9946)'; export const shapeBoldSuccessHover = 'var(--k-color-shape-bold-success-hover, #2ca651)'; export const shapeBoldSuccessPressed = 'var(--k-color-shape-bold-success-pressed, #3f784b)'; export const shapeBoldWarning = 'var(--k-color-shape-bold-warning, #f6ad3c)'; export const shapeBoldWarningHover = 'var(--k-color-shape-bold-warning-hover, #f8c05c)'; export const shapeBoldWarningPressed = 'var(--k-color-shape-bold-warning-pressed, #d69551)'; export const shapeFaintAccent = 'var(--k-color-shape-faint-accent, rgba(255, 255, 255, 0.12))'; export const shapeFaintAccentHover = 'var(--k-color-shape-faint-accent-hover, rgba(255, 255, 255, 0.16))'; export const shapeFaintAccentPressed = 'var(--k-color-shape-faint-accent-pressed, rgba(255, 255, 255, 0.08))'; export const shapeFaintBrand = 'var(--k-color-shape-faint-brand, #502421)'; export const shapeFaintBrandHover = 'var(--k-color-shape-faint-brand-hover, #602a27)'; export const shapeFaintBrandPressed = 'var(--k-color-shape-faint-brand-pressed, #411c1a)'; export const shapeFaintError = 'var(--k-color-shape-faint-error, #502421)'; export const shapeFaintErrorHover = 'var(--k-color-shape-faint-error-hover, #602a27)'; export const shapeFaintErrorPressed = 'var(--k-color-shape-faint-error-pressed, #411c1a)'; export const shapeFaintNeutralAlpha = 'var(--k-color-shape-faint-neutral-alpha, rgba(255, 255, 255, 0.06))'; export const shapeFaintNeutralAlphaHover = 'var(--k-color-shape-faint-neutral-alpha-hover, rgba(255, 255, 255, 0.08))'; export const shapeFaintNeutralAlphaPressed = 'var(--k-color-shape-faint-neutral-alpha-pressed, rgba(255, 255, 255, 0.04))'; export const shapeFaintSuccess = 'var(--k-color-shape-faint-success, #213a25)'; export const shapeFaintSuccessHover = 'var(--k-color-shape-faint-success-hover, #27452d)'; export const shapeFaintSuccessPressed = 'var(--k-color-shape-faint-success-pressed, #1a2e1e)'; export const shapeFaintWarning = 'var(--k-color-shape-faint-warning, #422e19)'; export const shapeFaintWarningHover = 'var(--k-color-shape-faint-warning-hover, #4f381d)'; export const shapeFaintWarningPressed = 'var(--k-color-shape-faint-warning-pressed, #352515)'; export const shapeHeavyError = 'var(--k-color-shape-heavy-error, #ffdadd)'; export const shapeHeavyNeutral = 'var(--k-color-shape-heavy-neutral, #f2f2f2)'; export const shapeHeavySuccess = 'var(--k-color-shape-heavy-success, #c3f3ca)'; export const shapeHeavyWarning = 'var(--k-color-shape-heavy-warning, #ffe29a)'; export const shapeOtherAccentBoldDisabled = 'var(--k-color-shape-other-accent-bold-disabled, rgba(255, 255, 255, 0.32))'; export const shapeOtherBacklessHover = 'var(--k-color-shape-other-backless-hover, rgba(255, 255, 255, 0.06))'; export const shapeOtherBacklessPressed = 'var(--k-color-shape-other-backless-pressed, rgba(255, 255, 255, 0.04))'; export const shapeOtherBase = 'var(--k-color-shape-other-base, rgba(255, 255, 255, 0.06))'; export const shapeOtherBaseHover = 'var(--k-color-shape-other-base-hover, rgba(255, 255, 255, 0.12))'; export const shapeOtherBasePressed = 'var(--k-color-shape-other-base-pressed, rgba(255, 255, 255, 0.04))'; export const shapeOtherDisabled = 'var(--k-color-shape-other-disabled, rgba(255, 255, 255, 0.06))'; export const shapeOtherField = 'var(--k-color-shape-other-field, rgba(0, 0, 0, 0.16))'; export const shapeOtherFieldHover = 'var(--k-color-shape-other-field-hover, rgba(0, 0, 0, 0.04))'; export const shapeOtherFieldPressed = 'var(--k-color-shape-other-field-pressed, rgba(0, 0, 0, 0.12))'; export const shapeOtherLow = 'var(--k-color-shape-other-low, rgba(0, 0, 0, 0.24))'; export const shapeOtherLowHover = 'var(--k-color-shape-other-low-hover, rgba(0, 0, 0, 0.16))'; export const shapeOtherLowPressed = 'var(--k-color-shape-other-low-pressed, rgba(0, 0, 0, 0.32))'; export const shapeOtherNeutralFaintSolid = 'var(--k-color-shape-other-neutral-faint-solid, #333333)'; export const shapeOtherNeutralFaintSolidHover = 'var(--k-color-shape-other-neutral-faint-solid-hover, #3d3d3d)'; export const shapeOtherNeutralFaintSolidPressed = 'var(--k-color-shape-other-neutral-faint-solid-pressed, #333333)'; export const shapeOtherNeutralPaleSolid = 'var(--k-color-shape-other-neutral-pale-solid, #3d3d3d)'; export const shapeOtherNeutralPaleSolidHover = 'var(--k-color-shape-other-neutral-pale-solid-hover, #484848)'; export const shapeOtherNeutralPaleSolidPressed = 'var(--k-color-shape-other-neutral-pale-solid-pressed, #333333)'; export const shapeOtherNeutralSoftSolid = 'var(--k-color-shape-other-neutral-soft-solid, #484848)'; export const shapeOtherNeutralSoftSolidHover = 'var(--k-color-shape-other-neutral-soft-solid-hover, #5d5d5d)'; export const shapeOtherNeutralSoftSolidPressed = 'var(--k-color-shape-other-neutral-soft-solid-pressed, #3d3d3d)'; export const shapePaleAccent = 'var(--k-color-shape-pale-accent, rgba(255, 255, 255, 0.16))'; export const shapePaleAccentHover = 'var(--k-color-shape-pale-accent-hover, rgba(255, 255, 255, 0.24))'; export const shapePaleAccentPressed = 'var(--k-color-shape-pale-accent-pressed, rgba(255, 255, 255, 0.12))'; export const shapePaleBrand = 'var(--k-color-shape-pale-brand, #602a27)'; export const shapePaleBrandHover = 'var(--k-color-shape-pale-brand-hover, #71312e)'; export const shapePaleBrandPressed = 'var(--k-color-shape-pale-brand-pressed, #502421)'; export const shapePaleError = 'var(--k-color-shape-pale-error, #602a27)'; export const shapePaleErrorHover = 'var(--k-color-shape-pale-error-hover, #71312e)'; export const shapePaleErrorPressed = 'var(--k-color-shape-pale-error-pressed, #502421)'; export const shapePaleNeutralAlpha = 'var(--k-color-shape-pale-neutral-alpha, rgba(255, 255, 255, 0.12))'; export const shapePaleNeutralAlphaHover = 'var(--k-color-shape-pale-neutral-alpha-hover, rgba(255, 255, 255, 0.16))'; export const shapePaleNeutralAlphaPressed = 'var(--k-color-shape-pale-neutral-alpha-pressed, rgba(255, 255, 255, 0.06))'; export const shapePaleSuccess = 'var(--k-color-shape-pale-success, #27452d)'; export const shapePaleSuccessHover = 'var(--k-color-shape-pale-success-hover, #2d5134)'; export const shapePaleSuccessPressed = 'var(--k-color-shape-pale-success-pressed, #213a25)'; export const shapePaleWarning = 'var(--k-color-shape-pale-warning, #4f381d)'; export const shapePaleWarningHover = 'var(--k-color-shape-pale-warning-hover, #5d4122)'; export const shapePaleWarningPressed = 'var(--k-color-shape-pale-warning-pressed, #422e19)'; export const shapeSoftAccent = 'var(--k-color-shape-soft-accent, rgba(255, 255, 255, 0.32))'; export const shapeSoftAccentHover = 'var(--k-color-shape-soft-accent-hover, rgba(255, 255, 255, 0.4))'; export const shapeSoftAccentPressed = 'var(--k-color-shape-soft-accent-pressed, rgba(255, 255, 255, 0.24))'; export const shapeSoftBrand = 'var(--k-color-shape-soft-brand, #943e3b)'; export const shapeSoftBrandHover = 'var(--k-color-shape-soft-brand-hover, #a74541)'; export const shapeSoftBrandPressed = 'var(--k-color-shape-soft-brand-pressed, #823835)'; export const shapeSoftError = 'var(--k-color-shape-soft-error, #943e3b)'; export const shapeSoftErrorHover = 'var(--k-color-shape-soft-error-hover, #a74541)'; export const shapeSoftErrorPressed = 'var(--k-color-shape-soft-error-pressed, #823835)'; export const shapeSoftNeutralAlpha = 'var(--k-color-shape-soft-neutral-alpha, rgba(255, 255, 255, 0.16))'; export const shapeSoftNeutralAlphaHover = 'var(--k-color-shape-soft-neutral-alpha-hover, rgba(255, 255, 255, 0.24))'; export const shapeSoftNeutralAlphaPressed = 'var(--k-color-shape-soft-neutral-alpha-pressed, rgba(255, 255, 255, 0.08))'; export const shapeSoftSuccess = 'var(--k-color-shape-soft-success, #3a6a43)'; export const shapeSoftSuccessHover = 'var(--k-color-shape-soft-success-hover, #3f784b)'; export const shapeSoftSuccessPressed = 'var(--k-color-shape-soft-success-pressed, #345e3c)'; export const shapeSoftWarning = 'var(--k-color-shape-soft-warning, #8a5f30)'; export const shapeSoftWarningHover = 'var(--k-color-shape-soft-warning-hover, #9a6836)'; export const shapeSoftWarningPressed = 'var(--k-color-shape-soft-warning-pressed, #7a552b)'; export const shapeInvertedBacklessHover = 'var(--k-color-shape-inverted-backless-hover, rgba(0, 0, 0, 0.06))'; export const shapeInvertedBacklessPressed = 'var(--k-color-shape-inverted-backless-pressed, rgba(0, 0, 0, 0.16))'; export const shapeInvertedDisabled = 'var(--k-color-shape-inverted-disabled, rgba(0, 0, 0, 0.06))'; export const shapeInvertedNeutralFaintAlpha = 'var(--k-color-shape-inverted-neutral-faint-alpha, rgba(0, 0, 0, 0.06))'; export const shapeInvertedNeutralFaintAlphaHover = 'var(--k-color-shape-inverted-neutral-faint-alpha-hover, rgba(0, 0, 0, 0.12))'; export const shapeInvertedNeutralFaintAlphaPressed = 'var(--k-color-shape-inverted-neutral-faint-alpha-pressed, rgba(0, 0, 0, 0.16))'; export const shapeInvertedNeutralHeavy = 'var(--k-color-shape-inverted-neutral-heavy, rgba(0, 0, 0, 0.8))'; export const shapeInvertedNeutralHeavyHover = 'var(--k-color-shape-inverted-neutral-heavy-hover, rgba(0, 0, 0, 0.88))'; export const shapeInvertedNeutralHeavyPressed = 'var(--k-color-shape-inverted-neutral-heavy-pressed, rgba(0, 0, 0, 0.72))'; export const shapeInvertedNeutralPaleAlpha = 'var(--k-color-shape-inverted-neutral-pale-alpha, rgba(0, 0, 0, 0.12))'; export const shapeInvertedNeutralPaleAlphaHover = 'var(--k-color-shape-inverted-neutral-pale-alpha-hover, rgba(0, 0, 0, 0.16))'; export const shapeInvertedNeutralPaleAlphaPressed = 'var(--k-color-shape-inverted-neutral-pale-alpha-pressed, rgba(0, 0, 0, 0.24))'; export const shapeInvertedNeutralSoftAlpha = 'var(--k-color-shape-inverted-neutral-soft-alpha, rgba(0, 0, 0, 0.16))'; export const shapeInvertedNeutralSoftAlphaHover = 'var(--k-color-shape-inverted-neutral-soft-alpha-hover, rgba(0, 0, 0, 0.24))'; export const shapeInvertedNeutralSoftAlphaPressed = 'var(--k-color-shape-inverted-neutral-soft-alpha-pressed, rgba(0, 0, 0, 0.32))'; export const shapeConstBacklessBlackHover = 'var(--k-color-shape-const-backless-black-hover, rgba(0, 0, 0, 0.12))'; export const shapeConstBacklessBlackPressed = 'var(--k-color-shape-const-backless-black-pressed, rgba(0, 0, 0, 0.16))'; export const shapeConstBacklessWhiteHover = 'var(--k-color-shape-const-backless-white-hover, rgba(255, 255, 255, 0.12))'; export const shapeConstBacklessWhitePressed = 'var(--k-color-shape-const-backless-white-pressed, rgba(255, 255, 255, 0.06))'; export const shapeConstDisabledBlack = 'var(--k-color-shape-const-disabled-black, rgba(0, 0, 0, 0.06))'; export const shapeConstDisabledWhite = 'var(--k-color-shape-const-disabled-white, rgba(255, 255, 255, 0.06))'; export const shapeConstFaintBlack = 'var(--k-color-shape-const-faint-black, rgba(0, 0, 0, 0.12))'; export const shapeConstFaintBlackHover = 'var(--k-color-shape-const-faint-black-hover, rgba(0, 0, 0, 0.16))'; export const shapeConstFaintBlackPressed = 'var(--k-color-shape-const-faint-black-pressed, rgba(0, 0, 0, 0.24))'; export const shapeConstFaintWhite = 'var(--k-color-shape-const-faint-white, rgba(255, 255, 255, 0.12))'; export const shapeConstFaintWhiteHover = 'var(--k-color-shape-const-faint-white-hover, rgba(255, 255, 255, 0.16))'; export const shapeConstFaintWhitePressed = 'var(--k-color-shape-const-faint-white-pressed, rgba(255, 255, 255, 0.08))'; export const shapeConstHeavyBlack = 'var(--k-color-shape-const-heavy-black, rgba(0, 0, 0, 0.8))'; export const shapeConstHeavyBlackHover = 'var(--k-color-shape-const-heavy-black-hover, rgba(0, 0, 0, 0.88))'; export const shapeConstHeavyBlackPressed = 'var(--k-color-shape-const-heavy-black-pressed, rgba(0, 0, 0, 0.64))'; export const shapeConstHeavyWhite = 'var(--k-color-shape-const-heavy-white, rgba(255, 255, 255, 0.96))'; export const shapeConstHeavyWhiteHover = 'var(--k-color-shape-const-heavy-white-hover, #ffffff)'; export const shapeConstHeavyWhitePressed = 'var(--k-color-shape-const-heavy-white-pressed, rgba(255, 255, 255, 0.64))'; export const shapeConstPaleBlack = 'var(--k-color-shape-const-pale-black, rgba(0, 0, 0, 0.16))'; export const shapeConstPaleBlackHover = 'var(--k-color-shape-const-pale-black-hover, rgba(0, 0, 0, 0.24))'; export const shapeConstPaleBlackPressed = 'var(--k-color-shape-const-pale-black-pressed, rgba(0, 0, 0, 0.32))'; export const shapeConstPaleWhite = 'var(--k-color-shape-const-pale-white, rgba(255, 255, 255, 0.16))'; export const shapeConstPaleWhiteHover = 'var(--k-color-shape-const-pale-white-hover, rgba(255, 255, 255, 0.24))'; export const shapeConstPaleWhitePressed = 'var(--k-color-shape-const-pale-white-pressed, rgba(255, 255, 255, 0.12))'; export const shapeConstPromo = 'var(--k-color-shape-const-promo, #661e42)'; export const shapeConstSoftBlack = 'var(--k-color-shape-const-soft-black, rgba(0, 0, 0, 0.24))'; export const shapeConstSoftBlackHover = 'var(--k-color-shape-const-soft-black-hover, rgba(0, 0, 0, 0.32))'; export const shapeConstSoftBlackPressed = 'var(--k-color-shape-const-soft-black-pressed, rgba(0, 0, 0, 0.4))'; export const shapeConstSoftWhite = 'var(--k-color-shape-const-soft-white, rgba(255, 255, 255, 0.24))'; export const shapeConstSoftWhiteHover = 'var(--k-color-shape-const-soft-white-hover, rgba(255, 255, 255, 0.32))'; export const shapeConstSoftWhitePressed = 'var(--k-color-shape-const-soft-white-pressed, rgba(255, 255, 255, 0.24))'; export const lineAccentBold = 'var(--k-color-line-accent-bold, #d7d7d7)'; export const lineAccentBoldHover = 'var(--k-color-line-accent-bold-hover, #ffffff)'; export const lineAccentBoldPressed = 'var(--k-color-line-accent-bold-pressed, rgba(255, 255, 255, 0.64))'; export const lineAccentPale = 'var(--k-color-line-accent-pale, rgba(255, 255, 255, 0.24))'; export const lineAccentPaleHover = 'var(--k-color-line-accent-pale-hover, rgba(255, 255, 255, 0.32))'; export const lineAccentPalePressed = 'var(--k-color-line-accent-pale-pressed, rgba(255, 255, 255, 0.16))'; export const lineAccentSoft = 'var(--k-color-line-accent-soft, rgba(255, 255, 255, 0.48))'; export const lineAccentSoftHover = 'var(--k-color-line-accent-soft-hover, #ffffff)'; export const lineAccentSoftPressed = 'var(--k-color-line-accent-soft-pressed, #ffffff)'; export const lineBrandOriginal = 'var(--k-color-line-brand-original, #FE4C4C)'; export const lineErrorBold = 'var(--k-color-line-error-bold, #e62b34)'; export const lineErrorBoldHover = 'var(--k-color-line-error-bold-hover, #ff5352)'; export const lineErrorBoldPressed = 'var(--k-color-line-error-bold-pressed, #ba4b47)'; export const lineNeutralFaint = 'var(--k-color-line-neutral-faint, rgba(255, 255, 255, 0.08))'; export const lineNeutralPale = 'var(--k-color-line-neutral-pale, rgba(255, 255, 255, 0.16))'; export const lineNeutralPaleHover = 'var(--k-color-line-neutral-pale-hover, rgba(255, 255, 255, 0.24))'; export const lineNeutralPalePressed = 'var(--k-color-line-neutral-pale-pressed, rgba(255, 255, 255, 0.12))'; export const lineOnAccentBoldFaint = 'var(--k-color-line-on-accent-bold-faint, rgba(0, 0, 0, 0.12))'; export const lineOnAccentBoldPale = 'var(--k-color-line-on-accent-bold-pale, rgba(0, 0, 0, 0.24))'; export const lineOnBrandOriginalFaint = 'var(--k-color-line-on-brand-original-faint, rgba(255, 255, 255, 0.12))'; export const lineOnBrandOriginalPale = 'var(--k-color-line-on-brand-original-pale, rgba(255, 255, 255, 0.24))'; export const lineSuccessBold = 'var(--k-color-line-success-bold, #009b41)'; export const lineSuccessBoldHover = 'var(--k-color-line-success-bold-hover, #00b74e)'; export const lineSuccessBoldPressed = 'var(--k-color-line-success-bold-pressed, #458552)'; export const lineWarningBold = 'var(--k-color-line-warning-bold, #fdaa00)'; export const lineWarningBoldHover = 'var(--k-color-line-warning-bold-hover, #ffbe3d)'; export const lineWarningBoldPressed = 'var(--k-color-line-warning-bold-pressed, #d69551)'; export const lineInvertedAccentBold = 'var(--k-color-line-inverted-accent-bold, #525252)'; export const lineInvertedAccentBoldHover = 'var(--k-color-line-inverted-accent-bold-hover, #161616)'; export const lineInvertedAccentBoldPressed = 'var(--k-color-line-inverted-accent-bold-pressed, rgba(0, 0, 0, 0.64))'; export const lineInvertedAccentPale = 'var(--k-color-line-inverted-accent-pale, rgba(0, 0, 0, 0.24))'; export const lineInvertedAccentPaleHover = 'var(--k-color-line-inverted-accent-pale-hover, rgba(0, 0, 0, 0.32))'; export const lineInvertedAccentPalePressed = 'var(--k-color-line-inverted-accent-pale-pressed, rgba(0, 0, 0, 0.4))'; export const lineInvertedAccentSoft = 'var(--k-color-line-inverted-accent-soft, rgba(0, 0, 0, 0.48))'; export const lineInvertedAccentSoftHover = 'var(--k-color-line-inverted-accent-soft-hover, rgba(0, 0, 0, 0.96))'; export const lineInvertedAccentSoftPressed = 'var(--k-color-line-inverted-accent-soft-pressed, rgba(0, 0, 0, 0.96))'; export const lineInvertedErrorBold = 'var(--k-color-line-inverted-error-bold, #d6192a)'; export const lineInvertedErrorBoldHover = 'var(--k-color-line-inverted-error-bold-hover, #f63b40)'; export const lineInvertedErrorBoldPressed = 'var(--k-color-line-inverted-error-bold-pressed, #a74541)'; export const lineInvertedNeutralFaint = 'var(--k-color-line-inverted-neutral-faint, rgba(0, 0, 0, 0.08))'; export const lineInvertedNeutralPale = 'var(--k-color-line-inverted-neutral-pale, rgba(0, 0, 0, 0.16))'; export const lineInvertedNeutralPaleHover = 'var(--k-color-line-inverted-neutral-pale-hover, rgba(0, 0, 0, 0.24))'; export const lineInvertedNeutralPalePressed = 'var(--k-color-line-inverted-neutral-pale-pressed, rgba(0, 0, 0, 0.32))'; export const lineInvertedSuccessBold = 'var(--k-color-line-inverted-success-bold, #008d3a)'; export const lineInvertedSuccessBoldHover = 'var(--k-color-line-inverted-success-bold-hover, #00b74e)'; export const lineInvertedSuccessBoldPressed = 'var(--k-color-line-inverted-success-bold-pressed, #458552)'; export const lineInvertedWarningBold = 'var(--k-color-line-inverted-warning-bold, #fdaa00)'; export const lineInvertedWarningBoldHover = 'var(--k-color-line-inverted-warning-bold-hover, #e88b00)'; export const lineInvertedWarningBoldPressed = 'var(--k-color-line-inverted-warning-bold-pressed, #cb874c)'; export const lineConstFaintBlack = 'var(--k-color-line-const-faint-black, rgba(0, 0, 0, 0.12))'; export const lineConstFaintWhite = 'var(--k-color-line-const-faint-white, rgba(255, 255, 255, 0.12))'; export const lineConstPaleBlack = 'var(--k-color-line-const-pale-black, rgba(0, 0, 0, 0.24))'; export const lineConstPaleBlackHover = 'var(--k-color-line-const-pale-black-hover, rgba(0, 0, 0, 0.32))'; export const lineConstPaleBlackPressed = 'var(--k-color-line-const-pale-black-pressed, rgba(0, 0, 0, 0.16))'; export const lineConstPaleWhite = 'var(--k-color-line-const-pale-white, rgba(255, 255, 255, 0.24))'; export const lineConstPaleWhiteHover = 'var(--k-color-line-const-pale-white-hover, rgba(255, 255, 255, 0.32))'; export const lineConstPaleWhitePressed = 'var(--k-color-line-const-pale-white-pressed, rgba(255, 255, 255, 0.16))'; export const surfaceBase = 'var(--k-color-surface-base, #292929)'; export const surfaceHigh = 'var(--k-color-surface-high, #333333)'; export const surfaceLow = 'var(--k-color-surface-low, #1f1f1f)'; export const surfaceModalBackdrop = 'var(--k-color-surface-modal-backdrop, rgba(0, 0, 0, 0.4))'; export const illustrationBlack = 'var(--k-color-illustration-black, #0d0d0d)'; export const illustrationBrand = 'var(--k-color-illustration-brand, #FE4C4C)'; export const illustrationComplement = 'var(--k-color-illustration-complement, #ffffff)'; export const illustrationInvertedNeutral = 'var(--k-color-illustration-inverted-neutral, #000000)'; export const illustrationNeutral = 'var(--k-color-illustration-neutral, #ffffff)'; export const illustrationOnBrand = 'var(--k-color-illustration-on-brand, rgba(255, 255, 255, 1))'; export const illustrationOnComplement = 'var(--k-color-illustration-on-complement, #661e42)'; export const illustrationPromo = 'var(--k-color-illustration-promo, #661e42)'; export const illustrationSymbol = 'var(--k-color-illustration-symbol, #fea09c)'; export const illustrationWhite = 'var(--k-color-illustration-white, #ffffff)'; export const customizableBoldBlack = 'var(--k-color-customizable-bold-black, #b1b1b1)'; export const customizableBoldBlue = 'var(--k-color-customizable-bold-blue, #2b8df2)'; export const customizableBoldBlueDeep = 'var(--k-color-customizable-bold-blue-deep, #3e72ff)'; export const customizableBoldGray = 'var(--k-color-customizable-bold-gray, #696969)'; export const customizableBoldGreen = 'var(--k-color-customizable-bold-green, #2ca651)'; export const customizableBoldMint = 'var(--k-color-customizable-bold-mint, #01b197)'; export const customizableBoldOrange = 'var(--k-color-customizable-bold-orange, #f06a28)'; export const customizableBoldPurple = 'var(--k-color-customizable-bold-purple, #be5ad8)'; export const customizableBoldRed = 'var(--k-color-customizable-bold-red, #ee4948)'; export const customizableBoldViolet = 'var(--k-color-customizable-bold-violet, #956ef2)'; export const customizableBoldYellow = 'var(--k-color-customizable-bold-yellow, #ed9f00)'; export const customizableFaintBlack = 'var(--k-color-customizable-faint-black, #484848)'; export const customizableFaintBlue = 'var(--k-color-customizable-faint-blue, #1f344d)'; export const customizableFaintBlueDeep = 'var(--k-color-customizable-faint-blue-deep, #1e305c)'; export const customizableFaintGray = 'var(--k-color-customizable-faint-gray, #333333)'; export const customizableFaintGreen = 'var(--k-color-customizable-faint-green, #213a25)'; export const customizableFaintMint = 'var(--k-color-customizable-faint-mint, #163a32)'; export const customizableFaintOrange = 'var(--k-color-customizable-faint-orange, #482a1e)'; export const customizableFaintPurple = 'var(--k-color-customizable-faint-purple, #44244c)'; export const customizableFaintRed = 'var(--k-color-customizable-faint-red, #502421)'; export const customizableFaintViolet = 'var(--k-color-customizable-faint-violet, #362958)'; export const customizableFaintYellow = 'var(--k-color-customizable-faint-yellow, #412f18)'; export const customizableHeavyBlack = 'var(--k-color-customizable-heavy-black, #f2f2f2)'; export const customizableHeavyBlue = 'var(--k-color-customizable-heavy-blue, #80c5ff)'; export const customizableHeavyBlueDeep = 'var(--k-color-customizable-heavy-blue-deep, #88b0ff)'; export const customizableHeavyGray = 'var(--k-color-customizable-heavy-gray, #808080)'; export const customizableHeavyGreen = 'var(--k-color-customizable-heavy-green, #6fe98b)'; export const customizableHeavyMint = 'var(--k-color-customizable-heavy-mint, #4af6dd)'; export const customizableHeavyOrange = 'var(--k-color-customizable-heavy-orange, #ff8f54)'; export const customizableHeavyPurple = 'var(--k-color-customizable-heavy-purple, #ea9aff)'; export const customizableHeavyRed = 'var(--k-color-customizable-heavy-red, #ff8a84)'; export const customizableHeavyViolet = 'var(--k-color-customizable-heavy-violet, #b69fff)'; export const customizableHeavyYellow = 'var(--k-color-customizable-heavy-yellow, #ffbe26)'; export const customizablePaleBlack = 'var(--k-color-customizable-pale-black, #525252)'; export const customizablePaleBlue = 'var(--k-color-customizable-pale-blue, #253f5c)'; export const customizablePaleBlueDeep = 'var(--k-color-customizable-pale-blue-deep, #243a6e)'; export const customizablePaleGray = 'var(--k-color-customizable-pale-gray, #3d3d3d)'; export const customizablePaleGreen = 'var(--k-color-customizable-pale-green, #27452d)'; export const customizablePaleMint = 'var(--k-color-customizable-pale-mint, #19463d)'; export const customizablePaleOrange = 'var(--k-color-customizable-pale-orange, #573324)'; export const customizablePalePurple = 'var(--k-color-customizable-pale-purple, #522a5c)'; export const customizablePaleRed = 'var(--k-color-customizable-pale-red, #602a27)'; export const customizablePaleViolet = 'var(--k-color-customizable-pale-violet, #413169)'; export const customizablePaleYellow = 'var(--k-color-customizable-pale-yellow, #4e381d)'; export const customizableSoftBlack = 'var(--k-color-customizable-soft-black, #747474)'; export const customizableSoftBlue = 'var(--k-color-customizable-soft-blue, #37608e)'; export const customizableSoftBlueDeep = 'var(--k-color-customizable-soft-blue-deep, #3959a5)'; export const customizableSoftGray = 'var(--k-color-customizable-soft-gray, #525252)'; export const customizableSoftGreen = 'var(--k-color-customizable-soft-green, #3a6a43)'; export const customizableSoftMint = 'var(--k-color-customizable-soft-mint, #216c5d)'; export const customizableSoftOrange = 'var(--k-color-customizable-soft-orange, #864c34)'; export const customizableSoftPurple = 'var(--k-color-customizable-soft-purple, #7c428b)'; export const customizableSoftRed = 'var(--k-color-customizable-soft-red, #943e3b)'; export const customizableSoftViolet = 'var(--k-color-customizable-soft-violet, #634c9e)'; export const customizableSoftYellow = 'var(--k-color-customizable-soft-yellow, #87602d)';