GlobalStyles.ts

/* fonts */
export const FontFamily = {
  latoBold: "Lato_bold",
  latoSemibold: "Lato_semibold",
  latoRegular: "Lato_regular",
  latoExtrabold: "Lato_extrabold",
  montserratRegular: "Montserrat_regular",
};
/* font sizes */
export const FontSize = {
  size_sm: 15,
  size_base: 16,
  size_lg: 20,
  size_xl: 24,
};
/* Colors */
export const Color = {
  white: "#fff",
  darkslategray_100: "#2b2d42",
  darkslategray_200: "rgba(43, 45, 66, 0.03)",
  darkslategray_300: "rgba(43, 45, 66, 0.04)",
  whitesmoke: "#edf2f4",
  crimson_100: "#ef233c",
  crimson_200: "#d90429",
  black: "#000",
  lightslategray_100: "#8d99ae",
  lightslategray_200: "rgba(141, 153, 174, 0.2)",
  secondTextColor1: "#737373",
};
/* Paddings */
export const Padding = {
  p_3xs: 8,
  p_2xs: 9,
  p_xs: 10,
  p_sm: 19,
  p_md: 30,
  p_lg: 41,
  p_xl: 48,
  p_2xl: 79,
};
/* Margins */
export const Margin = {
  m_5xs: 11,
  m_4xs: 12,
  m_3xs: 18,
  m_2xs: 20,
  m_xs: 21,
  m_sm: 26,
  m_md: 34,
  m_lg: 37,
  m_xl: 40,
  m_2xl: 46,
  m_3xl: 81,
  m_4xl: 89,
};
/* border radiuses */
export const Border = {
  br_xs: 4,
  br_sm: 5,
  br_md: 8,
  br_lg: 10,
  br_xl: 20,
};