import {colors} from '@/constants/colors';

const h1 = {
  fontSize: 28,
  fontWeight: 600,
  fontFamily: 'Poppins, sans-serif',
  color: colors.titlesColor,
};

const h2 = {
  fontSize: 22,
  fontWeight: 600,
  lineHeight: 1.2,
  fontFamily: 'Poppins, sans-serif',
  color: colors.titlesColor,
};

const h4 = {
  fontSize: 18,
  fontWeight: 500,
  fontFamily: 'Poppins, sans-serif',
  color: colors.titlesColor,
  lineHeight: 1.4,
};

const h5 = {
  fontSize: 16,
  fontWeight: 600,
  lineHeight: 1.5,
  fontFamily: 'Mulish, sans-serif',
  color: colors.titlesColor,
};

const inputLabel = {
  fontSize: 12,
  fontWeight: 600,
  lineHeight: 1.2,
};

export const typography = {h1, h2, h4, h5, inputLabel};
