text: export const DarkTheme = {
    colors: {
      primaryColor: '#0a1128',
      secondaryColor: '#dc143c',
      white: '#ffff',
      mediumGray: '#DDDD',
    },
    fonts: {
      family: {
        default: "'Open Sans', sans-serif",
        secondary: "'Montserrat', sans-serif",
      },
      sizes: {
        xsmall: '.8rem',
        small: '1.6rem',
        medium: '2.4rem',
        large: '3.2rem',
        xlarge: '4.0rem',
        xxlarge: '4.8rem',
        huge: '5.6rem',
        xhuge: '6.4rem',
      },
    },
    media: {
      lteMedium: '(max-width: 768px)',
    },
    spacings: {
      xsmall: '.8rem',
      small: '1.6rem',
      medium: '2.4rem',
      large: '3.2rem',
      xlarge: '4.0rem',
      xxlarge: '4.8rem',
      huge: '5.6rem',
      xhuge: '6.4rem',
    },
  };
  