@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 './scrollbar.css';

:root {
    font-size: 14px;
    --primary: #00B050;
    --white: #FFFFFF;
    --gray10: #B3B3B3;
    --gray20: #737373;
    --gray30: #282828;
    --gray40: #181818;
    --gray50: #121212;
    --gray60: #000000;
    --basefontFamily: Avenir, Helvetica, sans-serif;
    --headline1: bold 2rem/normal var(--basefontFamily);
    --headline2: bold 1.5rem/1.75 var(--basefontFamily);
    --baseFont: normal 0.875rem/1.375 var(--basefontFamily);
    --baseFontbold: bold 0.875rem/1.375 var(--basefontFamily);
    --small: normal .75em/normal var(--basefontFamily);
    --button: bold 0.875rem/1rem var(--basefontFamily);
}

::selection {
    background: none;
}

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

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