import { pxToRem } from "../utils";

export const fonts = {
  decorative: "var(--ui-kit-font-decorative)",
  text: "var(--ui-kit-font-text)",
};

export const fontSizes = {
  1: pxToRem(12),
  2: pxToRem(14),
  3: pxToRem(16),
  4: pxToRem(20),
  5: pxToRem(24),
  6: pxToRem(32),
  7: pxToRem(48),
};

export const fontWeights = {
  black: 900,
  bold: 700,
  medium: 500,
  regular: 400,
};

export const lineHeights = {
  1: pxToRem(16),
  2: pxToRem(20),
  3: pxToRem(24),
  4: pxToRem(30),
  5: pxToRem(36),
  6: pxToRem(48),
  7: pxToRem(68),
};

export type FontWeightKey = keyof { [key in keyof typeof fontWeights as `$${key}`]: never };