const theme = {
  colors: {
    primary: "#00B7FF",
    secondary: "#CCF1FF",
    background: "#000000",
    text: "#FFFFFF",
    gray: "#D9D9D9",
    darkGray: "#878787",
    inputText: "#606060",
    heart: "#FF0000",
  },
  sizes: {
    navWidth: "110px",
    maxContentWidth: "700px",
    borderRadius: {
      sm: "10px",
      md: "20px",
    },
  },
  fontSizes: {
    xs: "16px",
    sm: "20px",
    md: "24px",
    lg: "32px",
    xl: "36px",
  },
  fontWeights: {
    normal: 400,
    bold: 700,
  },
};

export default theme;