export const theme = {
  white: "#fff",
  gray100: "#f8f9fa",
  gray200: "#e9ecef",
  gray300: "#dee2e6",
  gray400: "#ced4da",
  gray500: "#adb5bd",
  gray600: "#6c757d",
  gray700: "#495057",
  gray800: "#343a40",
  gray900: "#1e1b1d",
  black: "#000",

  pink: "#edb0d0",
  orange: "#fd7e14",

  primary: "#007bff",
  secondary: "#640031",
  success: "#91982c",
  info: "#0dcaf0",
  warning: "#ffcb58",
  danger: "#cd163f",
  light: "#fff",
  dark: "#1e1b1d",

  spacer: "1rem",

  gridBreakpointXs: "0",
  gridBreakpointSm: "576px",
  gridBreakpointMd: "768px",
  gridBreakpointLg: "992px",
  gridBreakpointXl: "1200px",

  // fontFamilySansSerif: string;
  // fontFamilyDisplay: string;
  // fontFamilySerif: string;
  // fontFamilyBase: string;

  // fontSizeLg: string;
  // fontSizeSm: string;
}