text: const theme = {
    breakpoints: ["500px", "750px", "1000px"],
    space: [0, 4, 8, 16, 24, 32, 64, 128, 256, 512],
    fontSizes: [14, 16, 20, 24, 36, 48, 80, 96, 128],
    borderWidths: [0, "1px", "2px", "4px", "8px", "16px", "32px"],
    radii: [0, "2px", "4px", "16px", "9999px", "100%"],
    lineHeights: ["1.0", "1.25", "1.5"],
    measures: ["20em", "30em", "34em"],
    typefaces: {
      serif: "athelas, georgia, times, serif",
      sansSerif: 'system-ui, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif',
      mono: "Consolas, monaco, monospace"
    },
    textStyles: {
      heading1: {
        fontSize: "48px",
        lineHeight: "56px",
        fontWeight: "regular",
        color: "#333",
        marginTop: "0px",
        marginBottom: "0px"
      },
      heading2: {
        fontSize: "36px",
        lineHeight: "48px",
        fontWeight: "regular",
        color: "#333",
        marginTop: "0px",
        marginBottom: "0px"
      },
      heading3: {
        fontSize: "24px",
        lineHeight: "34px",
        fontWeight: "regular"
      },
      body: {
        fontSize: "20px",
        lineHeight: "32px",
        fontWeight: "regular",
        color: "#333",
        marginTop: "0px",
        marginBottom: "0px"
      }
    },
    colors: {
      darkRed: "#e7040f",
      red: "#ff4136",
      lightRed: "#ff725c",
      washedRed: "#ffdfdf",
      orange: "#ff6300",
      gold: "#ffb700",
      yellow: "#ffd700",
      lightYellow: "#fbf1a9",
      washedYellow: "#fffceb",
      purple: "#5e2ca5",
      lightPurple: "#a463f2",
      darkPink: "#d5008f",
      hotPink: "#ff41b4",
      pink: "#ff80cc",
      lightPink: "#ffa3d7",
      darkGreen: "#137752",
      green: "#19a974",
      lightGreen: "#9eebcf",
      washedGreen: "#e8fdf5",
      navy: "#001b44",
      darkBlue: "#00449e",
      blue: "#357edd",
      lightBlue: "#96ccff",
      lightestBlue: "#cdecff",
      washedBlue: "#f6fffe",
      black: "#000",
      nearBlack: "#111",
      darkGray: "#333",
      midGray: "#555",
      gray: "#777",
      silver: "#999",
      lightSilver: "#aaa",
      moonGray: "#ccc",
      lightGray: "#eee",
      nearWhite: "#f4f4f4",
      white: "#fff",
      black90: "rgba(0,0,0,.9)",
      black80: "rgba(0,0,0,.8)",
      black70: "rgba(0,0,0,.7)",
      black60: "rgba(0,0,0,.6)",
      black50: "rgba(0,0,0,.5)",
      black40: "rgba(0,0,0,.4)",
      black30: "rgba(0,0,0,.3)",
      black20: "rgba(0,0,0,.2)",
      black10: "rgba(0,0,0,.1)",
      black05: "rgba(0,0,0,.05)",
      black025: "rgba(0,0,0,.025)",
      black0125: "rgba(0,0,0,.0125)",
      white90: "rgba(255,255,255,.9)",
      white80: "rgba(255,255,255,.8)",
      white70: "rgba(255,255,255,.7)",
      white60: "rgba(255,255,255,.6)",
      white50: "rgba(255,255,255,.5)",
      white40: "rgba(255,255,255,.4)",
      white30: "rgba(255,255,255,.3)",
      white20: "rgba(255,255,255,.2)",
      white10: "rgba(255,255,255,.1)",
      white05: "rgba(255,255,255,.05)",
      white025: "rgba(255,255,255,.025)",
      white0125: "rgba(255,255,255,.0125)"
    }
  };
  
  export default theme;
  