text: export const themes = {
    light: {
      text1: `#000`,
      text2: `rgba(0, 0, 0, 0.7)`,
      primary: `#2fb5fc`,
      secondary: `#2fb5fc`,
      backgroundColor: `#f2f6ff`,
      card: {
        backgroundColor: `rgba(255, 255, 255, 0.6)`,
        boxShadow: `0px 50px 100px rgba(34, 79, 169, 0.3), inset 0px 0px 0px 0.5px rgba(255, 255, 255, 0.6)`,
        backgroundColorFull: `rgba(255, 255, 255, 1)`,
      },
      cardHover: {
        backgroundColor: `rgba(68, 66, 178, 0.1)`,
        boxShadow: `inset 0px 0px 0px 0.5px rgba(255, 255, 255, 0.6)`,
      },
      pricingCard: {
        backgroundColor: `rgba(255, 255, 255, 0.3)`,
      },
      status: {
        backgroundColor: `rgba(68, 66, 178, 0.1)`,
      },
      modal: {
        backgroundColor: `rgba(255, 255, 255, 0.6)`,
        boxShadow: `0px 50px 100px rgba(34, 79, 169, 0.3), inset 0px 0px 0px 0.5px rgba(255, 255, 255, 0.6)`,
        backgroundColorFull: `rgba(255, 255, 255, 1)`,
      },
    },
    dark: {
      text1: `#fff`,
      text2: `rgba(255, 255, 255, 0.7)`,
      backgroundColor: `#1f1f47`,
      card: {
        backgroundColor: `rgba(25, 24, 63, 0.98)`,
        boxShadow: `0px 30px 60px rgba(0, 0, 0, 0.25), inset 0px 0px 0px 0.5px rgba(255, 255, 255, 0.2)`,
        backgroundColorFull: `rgba(15, 14, 71, 1)`,
      },
      cardHover: {
        backgroundColor: `rgba(255, 255, 255, 0.1)`,
        boxShadow: `inset 0px 0px 0px 0.5px rgba(255, 255, 255, 0.2)`,
      },
      pricingCard: {
        backgroundColor: `rgba(31, 31, 71, 0.6)`,
      },
      status: {
        backgroundColor: `rgba(0, 0, 0, 0.2)`,
      },
      modal: {
        backgroundColor: `rgba(50, 61, 109, 0.5)`,
        boxShadow: `0px 50px 100px rgba(0, 0, 0, 0.25), inset 0px 0px 0px 0.5px rgba(255, 255, 255, 0.3)`,
        backgroundColorFull: `rgba(15, 14, 71, 1)`,
      },
    },
  }
  