styles.js

export const colors = {
    // Style Guide Colors
    primaryColor: '#207bcc',
    primaryHighlight: '#ecf5fe',
    primaryAccent: '#596097',
    secondaryColor: '#fd6120',
    secondaryAccent: '#de4f18',
    darkAccent: '#3c3d3f',
    highlightBright: '#edeef0',
    highlightMedium: '#b8c5d0',
    highlightDark: '#9da4ad',
    highlightDarker: '#3c4c65',
    successGreen: '#4eda1f',
    background: '#edf5fe',
    errorRed: '#dc3636',
    white: '#ffffff',
    black: '#000000',
  };
  
  export const fontSizes = {
    smaller: '1.5rem', // 24px
    small: '1.625rem', // 26px
    medium: '1.75rem', // 28px
    large: '1.875rem', // 30px
    larger: '2.125rem', // 34px
    xlarge: '2.375rem', // 38px
    xxlarge: '2.5rem', // 40px
  };
  
  export const checkbox = {
    marginBottom: '16 px',
    marginTop: '16px',
    width: '20px',
    height: '20px',
    flex: 1,
  };

  export const tableStyles = {
    head: {
      background: colors.lightGrayText,
      color: colors.black,
      fontWeight: 600,
      fontSize: '1rem',
    },
    table: {
      border: `1px solid ${colors.lightGrayText}`,
      minHeight: '200px',
    },
    cell: {
      color: colors.black,
      fontWeight: 600,
      fontSize: '1rem',
    },
  };