@use '../abstracts/variables' as *;


@font-face {
    font-family: 'SAO UI';
    src: url( 'https://cardinalsystem.pl/assets/fonts/SAOUI-Regular.woff2') format('woff2'),
       url('https://cardinalsystem.pl/assets/fonts/SAOUI-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SAO UI';
    src: url('https://cardinalsystem.pl/assets/fonts/SAOUI-Bold.woff2') format('woff2'),
        url('https://cardinalsystem.pl/assets/fonts/SAOUI-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SAO Welcome';
    src: url('https://cardinalsystem.pl/assets/fonts/SAOWelcome-Regular.woff2') format('woff2'),
       url('https://cardinalsystem.pl/assets/fonts/SAOWelcome-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SAO Welcome';
    src: url('https://cardinalsystem.pl/assets/fonts/SAOWelcome-Bold.woff2') format('woff2'),
        url('https://cardinalsystem.pl/assets/fonts/SAOWelcome-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

$font-family-base: 'Roboto', sans-serif;
$font-family-sao-ui: 'SAO UI', sans-serif;
$font-family-sao-welcome: 'SAO Welcome', sans-serif;

body {
    font-family: $font-family-base;
    font-weight: 400;
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    line-height: 1.2;
}