theme.ts

export const spacing = {
  small: "8px",
  medium: "16px",
  large: "32px",
  xlarge: "48px"
}

export const colors = {
  primary: "#3141F5",
  white: "#FFFFFF",
  lightGrey: "#f4f7fa",
  almostBlack: "#181A1B",
  lightBlack: "#2F3336",
  almostWhite: "#E6E6E6",
  white10: "rgba(255, 255, 255, 0.1)",
  black: "#000",
  black10: "rgba(0, 0, 0, 0.1)",
  grey: "#E8EBED",
  greyMid: "#C5CCD3",
  greyDark: "#DAE1E9",
  text: "#181A1B",
  textSecondary: "#5E6573",
  brand: {
    red: "#FF5C80",
    pink: "#FF4DFA",
    purple: "#9E5CF7",
    blue: "#3633FF",
    marine: "#2BC2FF",
    green: "#42DED1"
  }
}

export const typography = {
  fontFamily: "-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif",
  fontFamilyMono: "Roboto Mono, Menlo, monospace"
}