text: export default {
    typography: {
      fontFamily: "ShorifSandwip, sans-serif",
      fontSize: "24px",
      lineHeight: 1.45,
      fontWeight: "400",
      h1: {
        fontSize: "3.052em",
        lineHeight: 1.15,
        fontWeight: 400,
        fontFamily: "ShorifSandwip, sans-serif"
      },
      h2: {
        fontSize: "2.441em",
        lineHeight: 1.15,
        fontWeight: 400,
        fontFamily: "ShorifSandwip, sans-serif"
      },
      h3: {
        fontSize: "1.953em",
        lineHeight: 1.15,
        fontWeight: 400,
        fontFamily: "ShorifSandwip, sans-serif"
      },
      h4: {
        fontSize: "1.563em",
        lineHeight: 1.15,
        fontWeight: 400,
        fontFamily: "ShorifSandwip, sans-serif"
      },
      h5: {
        fontSize: "1.25em",
        lineHeight: 1.15,
        fontWeight: 400,
        fontFamily: "ShorifSandwip, sans-serif"
      },
      h6: {
        fontSize: "1em",
        lineHeight: 1.15,
        fontWeight: 400,
        fontFamily: "ShorifSandwip, sans-serif"
      },
      body: {
        fontSize: "1em",
        lineHeight: 1.45,
        fontWeight: 400,
        fontFamily: "ShorifSandwip, sans-serif"
      },
      caption: {
        fontSize: ".8em",
        lineHeight: 1.45,
        fontWeight: 400,
        fontFamily: "ShorifSandwip, sans-serif"
      }
    },
    colors: {
      primary: "#5343B5",
      secondary: "#DB5461",
      dark: "#303334",
      lightDark: "#4E5355",
      light: "#EFF1F3",
      lighter: "#FEFFFE",
      error: "#FF3C38",
      success: "#FFCA1E",
      warning: "#78BE20"
    },
    space: [0, 4, 8, 16, 32, 64, 128, 256],
    breakpoints: ["40em", "52em", "64em"],
    shadows: {
      small: "0 0 4px rgba(0, 0, 0, .125)",
      medium: "0 0 8px rgba(0, 0, 0, .125)",
      large: "0 0 24px rgba(0, 0, 0, .125)",
      mediumTop: "0 -8px 8px -8px rgba(0, 0, 0, .125)"
    }
  };
  