Round 1 @ theming

theme.js

export const theme = {
  name: "LTM - CYB",
  space: [],
  colors: {
    "primary-blues": [
      "hsl(233.69,100%,29.43%)",
      "hsl(226.5,100%,35.72%)",
      "hsl(221.75,100%,41.55%)",
      "hsl(221.54,86.67%,50%)",
    ],
    "primary-greens": [
      "hsl(78.62,100%,25.03%)",
      "hsl(74.23,100%,31.47%)",
      "hsl(74.31,69.37%,43.46%)",
      "hsl(74.4,63.03%,53.33%)",
    ],
    "primary-reds": [
      "hsl(0,100%,20.66%)",
      "hsl(0,100%,27.96%)",
      "hsl(2.07,100%,35.18%)",
      "hsl(9.16,81.9%,45.49%)",
    ],
    "gray-scale": [
      "hsl(0,0%,3.14%)",
      "hsl(0,0%,30.2%)",
      "hsl(225,25%,93.73%)",
      "hsl(0,0%,98.04%)",
    ],
    modes: {},
  },
  borderWidths: [],
  description: "A blank slate for starting a brand new theme",
  fontSizes: ["8rem", "4rem", "2rem", "1rem"],
  breakpoints: [],
  lineHeights: {},
  fonts: { Heading: "Monteserrat, Sans-serif" },
  borderRadius: [],
  borderStyles: [],
}