Proyectos de Subversion LeadersLinked - SPA

import { css } from '@emotion/react';
import colors from '@styles/config/colors';

export const fontFamilyPrimary =
  '-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Fira Sans,Ubuntu,Oxygen,Oxygen Sans,Cantarell,Droid Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Emoji,Segoe UI Symbol,Lucida Grande,Helvetica,Arial,sans-serif';

export const typographyStyles = css`
  margin: 0;
`;

export const heading1Styles = css`
  font-size: 1.3rem;
  font-weight: 600;
  color: ${colors.font.title};
`;

export const heading2Styles = css`
  font-size: 1.1rem;
  font-weight: 600;
  color: ${colors.font.title};
`;

export const heading3Styles = css`
  font-size: 1rem;
  font-weight: 600;
  color: ${colors.font.title};
`;

export const heading4Styles = css`
  font-size: 1rem;
  font-weight: 600;
  color: ${colors.font.subtitle};
`;

export const paragraphStyles = css`
  font-size: 1rem;
  color: ${colors.font.primary};
`;

export const overlineStyles = css`
  line-height: 1.25;
  text-transform: 'none';
  font-weight: 500;
  color: var(--subtitle-color);
  display: flex;
`;