theme.js

export const colors = {
  black: '#1E1E1E',
  // primary: '#E45858',
  // primaryHSL: '0, 72%, 62%',
  // primaryDark: '#8E3636',
  // secondary: '#6246EA',
  // success: '#006618',
  // success2: '#C1FFCF',
  // danger: '#CD1A1A',
  // danger2: '#F8D3D3',
  white: '#F1F1F1',
  grey1: '#E0E0E0',
  grey2: '#797979',
  focusBg: '#FFF7F0',
  focusTxt: '#242375',
  calmBg: '#FAFAC8',
  calmTxt: '#000000',
}

export const typography = {
  family: {
    medium: 'Jakarta-m',
    semiBold: 'Jakarta-sb',
    bold: 'Jakarta-b',

    robotoSerifMedium: 'RobotoSerif-m',
    robotoSerifSemiBold: 'RobotoSerif-sb',
    robotoSerifBold: 'RobotoSerif-b',

    ptSerifRegular: 'PTSerif-r',
    ptSerifBold: 'PTSerif-b',

    interMedium: 'Inter-m',
    interSemiBold: 'Inter-sb',
    interBold: 'Inter-b',

    openDyslexicRegular: 'OpenDyslexic3-r',
    openDyslexicBold: 'OpenDyslexic3-b',

    comicRegular: 'Comic-r',
    comicBold: 'Comic-b',
  },
  heading: {
    sz: '18px',
    sz_i: 18,
  },
  subheading: {
    sz: '12px',
    sz_i: 12,
  },
  body: {
    sz: '14px',
    sz_i: 14,
  },
  label: {
    sz: '15px',
    sz_i: 15,
  },
  mini: {
    sz: '10px',
    sz_i: 10,
  },
  // venti: {
  //   sm: '28px',
  //   md: '30px',
  //   lg: '32px',
  //   xl: '34px',
  //   sm_i: 28,
  //   md_i: 30,
  //   lg_i: 32,
  //   xl_i: 34,
  // },
  // grande: {
  // xs: '18px',
  // sm: '20px',
  // md: '22px',
  // lg: '24px',
  // xl: '26px',
  // xs_i: 18,
  // sm_i: 20,
  // md_i: 22,
  // lg_i: 24,
  // xl_i: 26,
  // },
  // tall: {
  //   xs: '8px',
  //   sm: '10px',
  //   md: '12px',
  //   lg: '14px',
  //   xl: '16px',
  //   xs_i: 8,
  //   sm_i: 10,
  //   md_i: 12,
  //   lg_i: 14,
  //   xl_i: 16,
  // },
}

export default { colors, typography }