GlobalStyles.js

/* fonts */
export const FontFamily = {
  interMedium: "",
  robotoBold: "",
  interSemiBold: "",
  robotoBlack: "",
};
/* font sizes */
export const FontSize = {
  size_sm: 14,
  size_xl: 20,
  size_xs: 12,
  size_13xl: 32,
  size_smi: 13,
  size_base: 16,
};
/* Colors */
export const Color = {
  colorWhite: "#fff",
  colorDarkslateblue_100: "#053a83",
  colorDarkslateblue_200: "#04306e",
  colorDarkslateblue_300: "#042c65",
  colorDarkslateblue_400: "#03214b",
  colorDarkslateblue_500: "#032048",
  colorGray_100: "#2c2c2c",
  colorGray_200: "rgba(44, 44, 44, 0.5)",
  colorGold: "#f6ec57",
  colorWhitesmoke: "#efefef",
  colorAliceblue: "#e2e8f0",
  colorLightslategray: "#94a3b8",
};
/* Paddings */
export const Padding = {
  p_9xs: 4,
  p_base: 16,
  p_xs: 12,
  p_5xl: 24,
  p_5xs: 8,
};
/* border radiuses */
export const Border = {
  br_13xl: 32,
  br_29xl: 48,
  br_base: 16,
  br_21xl: 40,
  br_11xs_3: 1,
  br_10xs_7: 3,
  br_5xl: 24,
};