@charset 'utf-8';

@font-face {
  font-family: 'Roboto';
  src:
    local('Roboto-Regular'),
    url('../../assets/fonts/roboto/Roboto-Regular.woff2') format('woff2'),
    url('../../assets/fonts/roboto/Roboto-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src:
    local('Roboto-Medium'),
    url('../../assets/fonts/roboto/Roboto-Medium.woff2') format('woff2'),
    url('../../assets/fonts/roboto/Roboto-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src:
    local('Roboto-Bold'),
    url('../../assets/fonts/roboto/Roboto-Bold.woff2') format('woff2'),
    url('../../assets/fonts/roboto/Roboto-Bold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src:
    local('Roboto-Black'),
    url('../../assets/fonts/roboto/Roboto-Black.woff2') format('woff2'),
    url('../../assets/fonts/roboto/Roboto-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

/* Vars  */
:root {
  --fs: 1rem;
  --ff-roboto: 'Roboto';
  --ff-fa-free: 'Font Awesome 7 Free';
  --ff-system:
    system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
    'Helvetica Neue', sans-serif;

  /* mob*/
  /* --h1-mob-fs: 4rem; */
  --h2-mob-fs: 2rem;
  /* --h3-mob-fs: 1rem;
  --h4-mob-fs: 14px;
  --h5-mob-fs: 12px;
  --h6-mob-fs: 10px; */

  /* desc */
  --h1-desk-fs: 4rem;
  --h2-desk-fs: 3rem;
  --h3-desk-fs: 1rem;
  --h4-desk-fs: 14px;
  --h5-desk-fs: 12px;
  --h6-desk-fs: 10px;
}

/* Default fonts settings */
:root {
  font-family: var(--ff-system);
  font-size: var(--fs, 10rem);
  font-weight: 400;
}

button,
a,
p,
span {
  font-size: var(--fs);
}

.fa-icon::before {
  display: inline-block;
  font-family: var(--ff-fa-free);
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}