@penaprieto/design-system/dist/tokens/BrandB/js/tokens.js

Multi-brand React design system with design tokens from Figma

/**
 * Do not edit directly, this file was auto-generated.
 */

export const BrightBlue100 = "#f2f6fc";
export const BrightBlue200 = "#e3efff";
export const BrightBlue300 = "#b9d7ff";
export const BrightBlue400 = "#90c0ff";
export const BrightBlue500 = "#64a7ff";
export const BrightBlue600 = "#3089ff";
export const BrightBlue700 = "#006eff";
export const BrightBlue800 = "#0059cd";
export const BrightBlue900 = "#0047a5";
export const BrightBlue1000 = "#00357b";
export const Indigo100 = "#f8fafd";
export const Indigo200 = "#e9eef8";
export const Indigo300 = "#cad5ee";
export const Indigo400 = "#abbde4";
export const Indigo500 = "#8da5da";
export const Indigo600 = "#6b8ace";
export const Indigo700 = "#486ec3";
export const Indigo800 = "#2e5abb";
export const Indigo900 = "#083cae";
export const Indigo1000 = "#06308a";
export const BlueCorp100 = "#ededf1";
export const BlueCorp200 = "#d3d4dc";
export const BlueCorp300 = "#bbbcc8";
export const BlueCorp400 = "#a2a4b4";
export const BlueCorp500 = "#878a9f";
export const BlueCorp600 = "#6c6f89";
export const BlueCorp700 = "#5a5d7b";
export const BlueCorp800 = "#464a6b";
export const BlueCorp900 = "#31355a";
export const BlueCorp1000 = "#080d39";
export const Sky100 = "#f9fafd";
export const Sky200 = "#e9eef8";
export const Sky300 = "#d8e0f2";
export const Sky400 = "#ced8ef";
export const Sky500 = "#c1cbe0";
export const Sky600 = "#9ea5b6";
export const Sky700 = "#858b99";
export const Sky800 = "#6c717c";
export const Sky900 = "#5b5f69";
export const Sky1000 = "#494c53";
export const Cloud100 = "#f8fafd";
export const Cloud200 = "#e9eef8";
export const Cloud300 = "#d0d5de";
export const Cloud400 = "#b9bdc5";
export const Cloud500 = "#a2a5ac";
export const Cloud600 = "#888b91";
export const Cloud700 = "#6f7175";
export const Cloud800 = "#5e5f63";
export const Cloud900 = "#4b4c4f";
export const Cloud1000 = "#37383a";
export const Pink100 = "#fde9ee";
export const Pink200 = "#fbc7d5";
export const Pink300 = "#f9a5bb";
export const Pink400 = "#f6809e";
export const Pink500 = "#f34d78";
export const Pink600 = "#f13465";
export const Pink700 = "#d32e58";
export const Pink800 = "#a32444";
export const Pink900 = "#821c36";
export const Pink1000 = "#6b172d";
export const Green100 = "#f3ffd2";
export const Green200 = "#ddfe80";
export const Green300 = "#c0fe15";
export const Green400 = "#aaee2f";
export const Green500 = "#96d425";
export const Green600 = "#7faf27";
export const Green700 = "#688c25";
export const Green800 = "#536f1e";
export const Green900 = "#455d1a";
export const Green1000 = "#384915";
export const AlphaWhite100 = "#ffffff";
export const AlphaWhite90 = "#ffffffe6";
export const AlphaWhite80 = "#ffffffcc";
export const AlphaWhite70 = "#ffffffb3";
export const AlphaWhite60 = "#ffffff99";
export const AlphaWhite50 = "#ffffff80";
export const AlphaWhite40 = "#ffffff66";
export const AlphaWhite30 = "#ffffff4d";
export const AlphaWhite20 = "#ffffff33";
export const AlphaWhite10 = "#ffffff1a";
export const AlphaWhite5 = "#ffffff0d";
export const AlphaWhite0 = "#ffffff00";
export const AlphaIndigo100 = "#083cae";
export const AlphaIndigo90 = "#083caee6";
export const AlphaIndigo80 = "#083caecc";
export const AlphaIndigo70 = "#083caeb3";
export const AlphaIndigo60 = "#083cae99";
export const AlphaIndigo50 = "#083cae80";
export const AlphaIndigo40 = "#083cae66";
export const AlphaIndigo30 = "#083cae4d";
export const AlphaIndigo20 = "#083cae33";
export const AlphaIndigo10 = "#083cae1a";
export const AlphaIndigo5 = "#083cae0d";
export const AlphaPink100 = "#f13465";
export const AlphaPink90 = "#f13465e6";
export const AlphaPink80 = "#f13465cc";
export const AlphaPink70 = "#f13465b3";
export const AlphaPink60 = "#f1346599";
export const AlphaPink50 = "#f1346580";
export const AlphaPink40 = "#f1346566";
export const AlphaPink30 = "#f134654d";
export const AlphaPink20 = "#f1346533";
export const AlphaPink10 = "#f134651a";
export const AlphaPink5 = "#f134650d";
export const AlphaCorp100 = "#080d39";
export const AlphaCorp90 = "#080d39e6";
export const AlphaCorp80 = "#080d39cc";
export const AlphaCorp70 = "#080d39b3";
export const AlphaCorp60 = "#080d3999";
export const AlphaCorp50 = "#080d3980";
export const AlphaCorp40 = "#080d3966";
export const AlphaCorp30 = "#080d394d";
export const AlphaCorp20 = "#080d3933";
export const AlphaCorp10 = "#080d391a";
export const AlphaCorp5 = "#080d390d";
export const AlphaBlack100 = "#000000";
export const AlphaBlack90 = "#000000e6";
export const AlphaBlack80 = "#000000cc";
export const AlphaBlack70 = "#000000b3";
export const AlphaBlack60 = "#00000099";
export const AlphaBlack50 = "#00000080";
export const AlphaBlack40 = "#00000066";
export const AlphaBlack30 = "#0000004d";
export const AlphaBlack20 = "#00000033";
export const AlphaBlack10 = "#0000001a";
export const AlphaBlack5 = "#0000000d";
export const AlphaBlack0 = "#00000000";
export const Gold100 = "#fff8e9";
export const Gold200 = "#fff1d3";
export const Gold300 = "#ffe3a7";
export const Gold400 = "#ffd67c";
export const Gold500 = "#ffc850";
export const Gold600 = "#ffba24";
export const Gold700 = "#cc951d";
export const Gold800 = "#997016";
export const Gold900 = "#664a0e";
export const Gold1000 = "#332507";
export const Red100 = "#fce8e8";
export const Red200 = "#fbdfdf";
export const Red300 = "#f6a6a6";
export const Red400 = "#f17979";
export const Red500 = "#ed4d4d";
export const Red600 = "#e82020";
export const Red700 = "#a51717";
export const Red800 = "#8b1313";
export const Red900 = "#610d0d";
export const Red1000 = "#2e0606";
export const DarkGreen100 = "#ebfbf1";
export const DarkGreen200 = "#d7f6e3";
export const DarkGreen300 = "#afedc7";
export const DarkGreen400 = "#88e5ab";
export const DarkGreen500 = "#60dc8f";
export const DarkGreen600 = "#38d373";
export const DarkGreen700 = "#2da95c";
export const DarkGreen800 = "#227f45";
export const DarkGreen900 = "#16542e";
export const DarkGreen1000 = "#0b2a17";
export const FontWeightLight = 300;
export const FontFamily = "Outfit, sans-serif";
export const LineHeightBody = "150%";
export const LineHeightHeading = "110%";
export const FontWeightRegular = 400;
export const FontWeightMedium = 500;
export const FontWeightBold = 700;
export const BaseValue = "16";
export const BrandPrimaryDefault = "#38d373";
export const BrandPrimaryHover = "#2da95c";
export const BrandPrimaryActive = "#16542e";
export const BrandAccentDefault = "#ffba24";
export const BrandAccentHover = "#cc951d";
export const BrandAccentActive = "#664a0e";
export const BrandSuccess = "#006eff";
export const BrandError = "#e82020";
export const BrandWarning = "#f13465";
export const BrandFontFamilyPrimary = "Outfit, sans-serif";
export const BrandFontFamilySecondary = "Inter, sans-serif";
export const SemanticBgActionPrimaryDefault = "#ffba24";
export const SemanticBgActionPrimaryHover = "#cc951d";
export const SemanticBgActionPrimaryActive = "#664a0e";
export const SemanticBgActionPrimaryDisabled = "#f6809e";
export const SemanticBgActionSecondaryDefault = "#083cae0d";
export const SemanticBgActionSecondaryHover = "#083cae1a";
export const SemanticBgActionSecondaryActive = "#083cae33";
export const SemanticBgActionSecondaryDisabled = "#083cae1a";
export const SemanticBgActionSecondaryInverseDefault = "#ffffff1a";
export const SemanticBgActionSecondaryInverseHover = "#ffffff33";
export const SemanticBgActionSecondaryInverseActive = "#ffffff4d";
export const SemanticBgActionSecondaryInverseDisabled = "#ffffff0d";
export const SemanticBgActionTertiaryHover = "#083cae0d";
export const SemanticBgActionTertiaryActive = "#083cae1a";
export const SemanticBgActionTertiaryInverseHover = "#ffffff0d";
export const SemanticBgActionTertiaryInverseActive = "#ffffff1a";
export const SemanticBgActionBrandDefault = "#38d373";
export const SemanticBgActionBrandHover = "#2da95c";
export const SemanticBgActionBrandActive = "#16542e";
export const SemanticBgActionBrandDisabled = "#8da5da";
export const SemanticBgActionBrandSubtleDefault = "#e9eef8";
export const SemanticBgActionBrandSubtleHover = "#cad5ee";
export const SemanticBgActionBrandSubtleActive = "#abbde4";
export const SemanticBgActionGhostHover = "#080d390d";
export const SemanticBgActionGhostActive = "#080d391a";
export const SemanticBgDefault = "#f8fafd";
export const SemanticBgSurfaceDefault = "#ffffff";
export const SemanticBgSurfaceInverse = "#080d39";
export const SemanticBgDisabled = "#ededf1";
export const SemanticBgWarning = "#fff8e9";
export const SemanticBgError = "#fce8e8";
export const SemanticBgSuccess = "#ebfbf1";
export const SemanticBgInfo = "#e3efff";
export const SemanticBgOverlay = "#000000cc";
export const SemanticBgNeutral = "#000000";
export const SemanticBgDefaultAlt = "#f2f6fc";
export const SemanticIconBrandDisabled = "#8da5da";
export const SemanticIconBrandDefault = "#38d373";
export const SemanticIconBrandBold = "#38d373";
export const SemanticIconDefaultBold = "#080d39";
export const SemanticIconDefaultDefault = "#5a5d7b";
export const SemanticIconDefaultDisabled = "#d3d4dc";
export const SemanticIconInverseBold = "#ffffff";
export const SemanticIconInverseDefault = "#ffffffb3";
export const SemanticIconInverseDisabled = "#ffffff4d";
export const SemanticIconSuccess = "#38d373";
export const SemanticIconError = "#e82020";
export const SemanticIconWarning = "#ffba24";
export const SemanticFocusPink = "0px 0px 0px 8px rgba(241,52,101,0.3)";
export const SemanticFocusIndigo = "0px 0px 0px 8px rgba(8,60,174,0.3)";
export const SemanticFocusBrightBlue = "0px 0px 0px 8px rgba(0,110,255,0.3)";
export const SemanticFocusWhite = "0px 0px 0px 8px rgba(255,255,255,0.2)";
export const SemanticFocusSky = "0px 0px 0px 8px rgba(206,216,240,0.4)";
export const SemanticFocusCorp = "0px 0px 0px 8px rgba(8,13,57,0.1)";
export const SemanticElevationElevation1 =
  "0px 1px 2px 0px rgba(8,13,57,0.12), 0px 1px 6px 0px rgba(9,61,173,0.05)";
export const SemanticElevationElevation2 =
  "0px 3px 3px -1px rgba(8,13,57,0.12), 0px 3px 12px 0px rgba(9,61,173,0.08)";
export const SemanticElevationElevation3 =
  "0px 4px 5px -3px rgba(8,13,56,0.12), 0px 6px 18px 0px rgba(9,61,173,0.08)";
export const SemanticElevationElevation4 =
  "0px 9px 12px -5px rgba(8,13,56,0.12), 0px 10px 32px 0px rgba(9,61,173,0.12)";
export const SemanticElevationElevation5 =
  "0px 17px 12px -7px rgba(8,13,56,0.12), 0px 14px 46px 0px rgba(9,61,173,0.16)";
export const SemanticBorderInverseBold = "#ffffff";
export const SemanticBorderInverseDefault = "#ffffff80";
export const SemanticBorderInverseSubtle = "#ffffff33";
export const SemanticBorderDefaultSubtle = "#ededf1";
export const SemanticBorderDefaultDefault = "#d3d4dc";
export const SemanticBorderDefaultBold = "#6c6f89";
export const SemanticBorderBrandSubtle = "#8da5da";
export const SemanticBorderBrandDefault = "#38d373";
export const SemanticBorderBrandBold = "#38d373";
export const SemanticBorderBrandBolder = "#2da95c";
export const SemanticBorderErrorDefault = "#e82020";
export const SemanticBorderErrorSubtle = "#fbdfdf";
export const SemanticBorderWarningSubtle = "#fff1d3";
export const SemanticBorderSuccessSubtle = "#d7f6e3";
export const SemanticBorderInfoSubtle = "#b9d7ff";
export const SemanticBorderAccent = "#ffba24";
export const SemanticTextCorpPrimary = "#080d39";
export const SemanticTextCorpSecondary = "#5a5d7b";
export const SemanticTextCorpDisabled = "#878a9f";
export const SemanticTextIndigoPrimary = "#083cae";
export const SemanticTextIndigoSecondary = "#486ec3";
export const SemanticTextWhitePrimary = "#ffffff";
export const SemanticTextWhiteSecondary = "#ffffffb3";
export const SemanticTextPinkPrimary = "#ffba24";
export const SemanticTextBrandPrimary = "#38d373";
export const SemanticTextWarning = "#664a0e";
export const SemanticTextError = "#8b1313";
export const SemanticTextSuccess = "#16542e";
export const DisplayDisplayClean = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 400,
  lineHeight: "110%",
  fontSize: "72px",
  letterSpacing: "-0.02px",
};
export const HeadingH1 = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 400,
  lineHeight: "110%",
  fontSize: "48px",
  letterSpacing: "-0.02px",
};
export const HeadingH2 = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 400,
  lineHeight: "110%",
  fontSize: "40px",
};
export const HeadingH3 = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 400,
  lineHeight: "110%",
  fontSize: "28px",
  letterSpacing: "-0.02px",
};
export const HeadingH4 = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 400,
  fontSize: "24px",
  lineHeight: "110%",
};
export const HeadingH5 = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 400,
  lineHeight: "110%",
  fontSize: "18px",
};
export const HeadingTag = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 400,
  lineHeight: "150%",
  fontSize: "10px",
};
export const BodyXLarge = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 300,
  fontSize: "20px",
  lineHeight: "150%",
};
export const BodyLargeStrong = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 400,
  lineHeight: "150%",
  fontSize: "18px",
};
export const BodyLarge = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 300,
  lineHeight: "150%",
  fontSize: "18px",
};
export const BodyRegularStrong = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 400,
  lineHeight: "150%",
  fontSize: "16px",
};
export const BodyRegular = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 300,
  lineHeight: "150%",
  fontSize: "16px",
};
export const BodySmallStrong = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 400,
  lineHeight: "150%",
  fontSize: "14px",
};
export const BodySmall = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 300,
  lineHeight: "150%",
  fontSize: "14px",
};
export const BodyXSmall = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 300,
  lineHeight: "150%",
  fontSize: "12px",
};
export const MobileDisplayCleanM = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 400,
  lineHeight: "110%",
  fontSize: "48px",
  letterSpacing: "-0.02px",
};
export const MobileH1M = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 400,
  lineHeight: "110%",
  fontSize: "32px",
  letterSpacing: "-0.02px",
};
export const MobileH2M = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 400,
  lineHeight: "110%",
  fontSize: "28px",
};
export const MobileH3M = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 400,
  lineHeight: "110%",
  fontSize: "24px",
};
export const MobileH4M = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 400,
  lineHeight: "110%",
  fontSize: "20px",
};
export const Size0 = "2px";
export const Size1 = "4px";
export const Size2 = "8px";
export const Size3 = "12px";
export const Size4 = "16px";
export const Size5 = "24px";
export const Size6 = "32px";
export const Size7 = "40px";
export const Size8 = "48px";
export const Size9 = "64px";
export const Size10 = "80px";
export const Size11 = "120px";
export const Size12 = "160px";
export const BrXs = "4px";
export const BrSm = "8px";
export const BrMd = "16px";
export const BrLg = "24px";
export const BrXl = "40px";
export const BrFull = "9999px";
export const ButtonPrimaryBgDefault = "#ffba24";
export const ButtonPrimaryBgHover = "#cc951d";
export const ButtonPrimaryBgActive = "#664a0e";
export const ButtonPrimaryBgDisabled = "#f6809e";
export const ButtonPrimaryBorderDefault = "#ffffff33";
export const ButtonSecondaryBgDefault = "#083cae0d";
export const ButtonSecondaryBgHover = "#083cae1a";
export const ButtonSecondaryBgActive = "#083cae33";
export const ButtonSecondaryBgDisabled = "#083cae1a";
export const ButtonSecondaryBgInverseDefault = "#ffffff1a";
export const ButtonSecondaryBgInverseHover = "#ffffff33";
export const ButtonSecondaryBgInverseActive = "#ffffff4d";
export const ButtonSecondaryBgInverseDisabled = "#ffffff0d";
export const ButtonTertiaryBgHover = "#083cae0d";
export const ButtonTertiaryBgActive = "#083cae1a";
export const ButtonTertiaryBgInverseHover = "#ffffff0d";
export const ButtonTertiaryBgInverseActive = "#ffffff1a";
export const ButtonTertiaryBorderDefault = "#38d373";
export const ButtonTertiaryBorderDisabled = "#8da5da";
export const ButtonTertiaryBorderInverseDefault = "#ffffff";
export const ButtonTertiaryBorderInverseDisabled = "#ffffff33";
export const ButtonGhostBgHover = "#080d390d";
export const ButtonGhostBgActive = "#080d391a";
export const ButtonGhostBgInverseHover = "#ffffff0d";
export const ButtonGhostBgInverseActive = "#ffffff1a";
export const ButtonLarge = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 400,
  lineHeight: "150%",
  fontSize: "18px",
};
export const ButtonMedium = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 400,
  lineHeight: "150%",
  fontSize: "16px",
};
export const ButtonSmall = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 400,
  lineHeight: "150%",
  fontSize: "14px",
};
export const TextFieldBorderDefault = "#d3d4dc";
export const TextFieldBorderHover = "#6c6f89";
export const TextFieldBorderFocus = "#38d373";
export const TextFieldBorderError = "#e82020";
export const TextFieldBgDefault = "#ffffff";
export const TextFieldBgDisabled = "#ededf1";
export const TextFieldLabel = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 400,
  lineHeight: "150%",
  fontSize: "14px",
};
export const TextFieldPlaceholder = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 400,
  lineHeight: "150%",
  fontSize: "16px",
};
export const TextFieldAssistiveText = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 400,
  lineHeight: "150%",
  fontSize: "14px",
};
export const SwitchSelectedBgDefault = "#38d373";
export const SwitchSelectedBgHover = "#2da95c";
export const SwitchBgDisabled = "#ededf1";
export const SwitchBgDefault = "#ffffff";
export const SwitchBorderDefault = "#ffffff33";
export const SwitchBorderDisabled = "#d3d4dc";
export const SwitchUnselectedBgDefault = "#e9eef8";
export const SwitchUnselectedBgHover = "#cad5ee";
export const RadioSelectedBgDefault = "#38d373";
export const RadioSelectedBgHover = "#2da95c";
export const RadioSelectedBgDisabled = "#8da5da";
export const RadioSelectedBorderDefault = "#38d373";
export const RadioSelectedBorderHover = "#2da95c";
export const RadioSelectedBorderDisabled = "#8da5da";
export const RadioBgDefault = "#ffffff";
export const RadioBgDisabled = "#ededf1";
export const RadioUnselectedBorderDefault = "#d3d4dc";
export const RadioUnselectedBorderHover = "#6c6f89";
export const DropdownBgDefault = "#ffffff";
export const DropdownBgHover = "#083cae0d";
export const DropdownBgActive = "#083cae1a";
export const CheckboxSelectedBgDefault = "#38d373";
export const CheckboxSelectedBgHover = "#2da95c";
export const CheckboxSelectedBgDisabled = "#083cae1a";
export const CheckboxSelectedBorderDefault = "#ffffff33";
export const CheckboxUnselectedBorderDefault = "#d3d4dc";
export const CheckboxUnselectedBorderHover = "#6c6f89";
export const CheckboxUnselectedBgDefault = "#ffffff";
export const CheckboxUnselectedBgDisabled = "#ededf1";
export const AlertWarningBg = "#fff8e9";
export const AlertWarningBorder = "#fff1d3";
export const AlertErrorBg = "#fce8e8";
export const AlertErrorBorder = "#fbdfdf";
export const AlertSuccessBg = "#ebfbf1";
export const AlertSuccessBorder = "#d7f6e3";
export const AlertInfoBg = "#e3efff";
export const AlertInfoBorder = "#b9d7ff";
export const AlertNeutralBg = "#000000";
export const AlertNeutralBorder = "#ffffff33";
export const AlertDefault = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 400,
  lineHeight: "150%",
  fontSize: "14px",
};
export const AlertDescription = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 300,
  lineHeight: "150%",
  fontSize: "14px",
};
export const SliderTrackBgDefault = "#38d373";
export const SliderTrackBgHover = "#2da95c";
export const SliderTrackBgDisabled = "#8da5da";
export const SliderBorderDefault = "#ffffff33";
export const SliderBgDisabled = "#ededf1";
export const RadioCardUnselectedBgDefault = "#ffffff";
export const RadioCardUnselectedBgDisabled = "#ededf1";
export const RadioCardUnselectedBorderDefault = "#d3d4dc";
export const RadioCardUnselectedBorderHover = "#6c6f89";
export const RadioCardSelectedBgDefault = "#38d373";
export const RadioCardSelectedBgHover = "#2da95c";
export const RadioCardSelectedBgDisabled = "#8da5da";
export const RadioCardSelectedBorderDefault = "#ffffff33";
export const TagSuccessBg = "#ebfbf1";
export const TagSuccessBorder = "#d7f6e3";
export const TagErrorBg = "#fce8e8";
export const TagErrorBorder = "#fbdfdf";
export const TagWarningBg = "#fff8e9";
export const TagWarningBorder = "#fff1d3";
export const TagInfoBg = "#e3efff";
export const TagInfoBorder = "#b9d7ff";
export const TagFeaturedBorder = "#ffffff33";
export const TagFeaturedBg = "#38d373";
export const TagPromoBg = "#080d39";
export const TagPromoBorder = "#ffffff33";
export const LinkWarningBgHover = "#ffba24";
export const LinkWarningBgActive = "#ffba24";
export const LinkErrorBgHover = "#e82020";
export const LinkErrorBgActive = "#e82020";
export const LinkSuccessBgHover = "#38d373";
export const LinkSuccessBgActive = "#38d373";
export const LinkBrandBgHover = "#083cae1a";
export const LinkBrandBgActive = "#083cae33";
export const LinkWhiteBgHover = "#ffffff33";
export const LinkWhiteBgActive = "#ffffff4d";
export const LinkLarge = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 300,
  lineHeight: "150%",
  fontSize: "18px",
  textDecoration: "underline",
};
export const LinkXLarge = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 300,
  fontSize: "20px",
  lineHeight: "150%",
  textDecoration: "underline",
};
export const LinkLargeStrong = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 400,
  lineHeight: "150%",
  fontSize: "18px",
  textDecoration: "underline",
};
export const LinkRegular = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 300,
  lineHeight: "150%",
  fontSize: "16px",
  textDecoration: "underline",
};
export const LinkRegularStrong = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 400,
  lineHeight: "150%",
  fontSize: "16px",
  textDecoration: "underline",
};
export const LinkSmall = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 300,
  lineHeight: "150%",
  fontSize: "14px",
  textDecoration: "underline",
};
export const LinkSmallStrong = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 400,
  lineHeight: "150%",
  fontSize: "14px",
  textDecoration: "underline",
};
export const LinkXSmall = {
  fontFamily: "Outfit, sans-serif",
  fontWeight: 300,
  lineHeight: "150%",
  fontSize: "12px",
  textDecoration: "underline",
};
export const NavBgInverse = "#2da95c";
export const NavBgDefault = "#ffffff";
export const PillSelectedBgDefault = "#38d373";
export const PillSelectedBgHover = "#2da95c";
export const PillSelectedBgActive = "#16542e";
export const PillSelectedBgDisabled = "#8da5da";
export const PillUnselectedBgDefault = "#083cae0d";
export const PillUnselectedBgHover = "#083cae1a";
export const PillUnselectedBgActive = "#083cae33";
export const PillUnselectedBgDisabled = "#083cae1a";
export const AvatarBgDefault = "#e9eef8";
export const AvatarBgHover = "#cad5ee";
export const AvatarBgActive = "#abbde4";
export const AvatarBgDisabled = "#ededf1";
export const AvatarBgOverlayHover = "#080d394d";
export const AvatarBgOverlayActive = "#080d3966";
export const SkeletonBgDefaultGradient =
  "linear-gradient(90deg, #00000000, #0000000d, #00000000)";
export const SkeletonBgDefaultDefault = "#0000000d";
export const SkeletonBgInverseDefault = "#ffffff1a";
export const SkeletonBgInverseGradient =
  "linear-gradient(90deg, #ffffff00, #ffffff1a, #ffffff00)";
export const StepperIndicatorPendingBg = "#ffffff";
export const StepperIndicatorPendingBorder = "#d3d4dc";
export const StepperIndicatorPendingText = "#5a5d7b";
export const StepperIndicatorCurrentBg = "#38d373";
export const StepperIndicatorCurrentText = "#ffffff";
export const StepperIndicatorCompletedBg = "#38d373";
export const StepperIndicatorCompletedText = "#ffffff";
export const StepperIndicatorErrorBg = "#fce8e8";
export const StepperIndicatorErrorBorder = "#fbdfdf";
export const StepperIndicatorErrorText = "#8b1313";
export const StepperConnectorDefault = "#ededf1";
export const StepperConnectorCompleted = "#38d373";
export const StepperLabelDefault = "#080d39";
export const StepperLabelPending = "#5a5d7b";
export const TimepickerDropdownBg = "#ffffff";
export const TimepickerDropdownBorder = "#d3d4dc";