/* Font Stack */
export const fontStack =
  "'IBM Plex Sans', 'Roboto', 'Helvetica Neue', Arial, sans-serif";
export const fontStackPair =
  "'Montserrat', 'Open Sans', 'IBM Plex Sans', 'Roboto', 'Helvetica Neue', Arial, sans-serif";
export const fontStackMono = "'IBM Plex Mono', 'Cousine', Courier, monospace";

/* Font Size */
export const fontSizeRootValue = 16;
export const fontSizeRoot = fontSizeRootValue + 'px';
export const fontSize0_75x = '0.75rem';
export const fontSize0_875x = '0.875rem';
export const fontSize1x = '1rem';
export const fontSize1_25x = '1.25rem';
export const fontSize1_5x = '1.5rem';
export const fontSize2_25x = '2.25rem';
export const fontSize3x = '3rem';

/* Font Weight */
export const fontWeightLight = '300';
export const fontWeightRegular = '400';
export const fontWeightMedium = '500';
export const fontWeightSemiBold = '600';

/* Line Height */
export const fontLineHeight1x = '1rem';
export const fontLineHeight1_25x = '1.25rem';
export const fontLineHeight1_5x = '1.5rem';
export const fontLineHeight1_75x = '1.75rem';
export const fontLineHeight2x = '2rem';
export const fontLineHeight3x = '3rem';
export const fontLineHeight3_75x = '3.75rem';

/* Letter Spacing */
export const fontLetterSpacing0_005x = '0.005rem';
export const fontLetterSpacing0_01x = '0.01rem';
export const fontLetterSpacing0_015x = '0.015rem';
export const fontLetterSpacing0_03x = '0.03rem';

/* Line Width */
export const fontLineWidthMin = '256px';
export const fontLineWidthTwoColumnMax = '432px';
export const fontLineWidthOneColumnMax = '688px';

export interface typographyTokens {
  /* Font Stack */
  fontStack: string;
  fontStackPair: string;
  fontStackMono: string;

  /* Font Size */
  fontSizeRootValue: number;
  fontSizeRoot: string;
  fontSize0_75x: string;
  fontSize0_875x: string;
  fontSize1x: string;
  fontSize1_25x: string;
  fontSize1_5x: string;
  fontSize2_25x: string;
  fontSize3x: string;

  /* Font Weight */
  fontWeightLight: string;
  fontWeightRegular: string;
  fontWeightMedium: string;
  fontWeightSemiBold: string;

  /* Line Height */
  fontLineHeight1x: string;
  fontLineHeight1_25x: string;
  fontLineHeight1_5x: string;
  fontLineHeight1_75x: string;
  fontLineHeight2x: string;
  fontLineHeight3x: string;
  fontLineHeight3_75x: string;

  /* Letter Spacing */
  fontLetterSpacing0_005x: string;
  fontLetterSpacing0_01x: string;
  fontLetterSpacing0_015x: string;
  fontLetterSpacing0_03x: string;

  /* Line Width */
  fontLineWidthMin: string;
  fontLineWidthTwoColumnMax: string;
  fontLineWidthOneColumnMax: string;
}