@import './icons.css';
@import './fonts.css';
@import './body.css';
@import './link.css';
@import './button-icon.css';
@import './sidebar.css';
@import './elipsis.css';
@import './player.css';
@import './page.css';
@import './layout.css';
@import './scroll.css';
@import './songs.css';
@import './albumInformation.css';
@import './button.css';

:root {
  font-size: 14px;
  --primary: #00B050;
  --white: #fff;
  --gray10: #B3B3B3;
  --gray20: #737373;
  --gray30: #282828;
  --gray40: #181818;
  --gray50: #121212;
  --gray60: #000;
  --baseFontFamily: Avenir, Helvetica, sans-serif;
  --headLine1: bold 2rem/normal var(--baseFontFamily);
  --headLine2: bold 1.5rem/1.75rem var(--baseFontFamily);
  --baseFont: normal .875rem/1.375rem var(--baseFontFamily);
  --baseFontBold: bold .875rem/1.375rem var(--baseFontFamily);
  --buton: bold .875rem/1rem var(--baseFontFamily);
  --small: normal .75em/normal var(--baseFontFamily);
  --subtitle2: normal .75rem/normal var(--baseFontFamily);
}

@media screen and (min-width: 768) {
  :root {
    font-size: 16px;
  }
}

@media screen and (min-width: 1367px) {
  :root {
    font-size: 16px;
  }
}