export const theme = {
  breakpoints: {
    l: 0,
    m: 0,
    maxWidth: 0,
    s: 0,
    text: {
      l: 0,
      m: 0,
      s: 0,
    },
  },
  colors: {
    accent: 'lightgrey',
    black: '#000',
    blackTransparent: 'rgba(0, 0, 0, 0.5)',
    grayDark: ' #7f7f7f',
    grayLight: '#e6e6e6',
    grayMedium: '#cdcdcd',
    primary: 'lightblue',
    secondary: '',
    text: {
      dark: '#000',
      light: '#fff',
      primary: '#333',
      secondary: '',
    },
    white: '#fff',
  },
  fonts: {
    family: {
      code: '"Source Sans Pro", "Consolas", "DejaVu Sans Mono", monospace',
      primary: '"Source Sans Pro", sans-serif',
    },
    size: {
      l: 0,
      m: 0,
      s: 0,
    },
  },
  spacing: {
    l: 0,
    m: 0,
    s: 0,
  },
};