@import 'tailwindcss';

@theme {
  --font-sans: 'Adwaita Sans', Inter, system-ui, -apple-system,
    BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
    'Open Sans', 'Helvetica Neue', sans-serif;
  --font-sbb-typo: SBB, 'Helvetica Neue', Helvetica, Inter, var(--font-sans),
    system-ui, sans-serif;
}

@keyframes loadingbar {
  0% {
    width: 0;
    left: 0;
  }
  50% {
    width: 100%;
    left: 0;
  }
  100% {
    width: 0;
    left: 100%;
  }
}

html {
  font-family: var(--font-sbb-typo);
}

@font-face {
  font-family: 'SBB Condensed';
  font-display: swap;
  font-weight: 700;
  font-style: normal;
  src: url('/fonts/SBB-Condensed-Heavy.woff2') format(woff2),
    url('/fonts/SBB-Condensed-Heavy.ttf') format(opentype),
    local('SBB Condensed');
}
@font-face {
  font-family: 'SBB Condensed';
  font-display: swap;
  font-weight: 600;
  font-style: normal;
  src: url('/fonts/SBB-Condensed-Bold.woff2') format(woff2),
    url('/fonts/SBB-Condensed-Bold.ttf') format(opentype),
    local('SBB Condensed');
}
@font-face {
  font-family: SBB;
  font-display: swap;
  font-weight: 600;
  font-style: normal;
  src: url('/fonts/SBB-Bold.woff2') format(woff2),
    url('/fonts/SBB-Bold.ttf') format(opentype), local('SBB');
}
@font-face {
  font-family: SBB;
  font-display: swap;
  font-weight: 400;
  font-style: normal;
  src: url('/fonts/SBB-Roman.woff2') format(woff2),
    url('/fonts/SBB-Roman.ttf') format(opentype), local('SBB');
}
@font-face {
  font-family: SBB;
  font-display: swap;
  font-weight: 400;
  font-style: italic;
  src: url('/fonts/SBB-Italic.woff2') format(woff2),
    url('/fonts/SBB-Italic.ttf') format(opentype), local('SBB');
}
@font-face {
  font-family: SBB;
  font-display: swap;
  font-weight: 300;
  font-style: normal;
  src: url('/fonts/SBB-Light.woff2') format(woff2),
    url('/fonts/SBB-Light.ttf') format(opentype), local('SBB');
}
@font-face {
  font-family: SBB;
  font-display: swap;
  font-weight: 200;
  font-style: normal;
  src: url('/fonts/SBB-Thin.woff2') format(woff2),
    url('/fonts/SBB-Thin.ttf') format(opentype), local('SBB');
}
@font-face {
  font-family: SBB;
  font-display: swap;
  font-weight: 100;
  font-style: normal;
  src: url('/fonts/SBB-UltraLight.woff2') format(woff2),
    url('/fonts/SBB-UltraLight.ttf') format(opentype), local('SBB');
}

@font-face {
  font-family: 'Adwaita Sans';
  font-display: swap;
  font-weight: 100 900;
  font-style: normal;
  src: url('/fonts/AdwaitaSans-Regular.woff2') format(woff2),
    url('/fonts/AdwaitaSans-Regular.ttf') format(opentype),
    local('Adwaita Sans');
}
@font-face {
  font-family: 'Adwaita Sans';
  font-display: swap;
  font-weight: 100 900;
  font-style: italic;
  src: url('/fonts/AdwaitaSans-Italic.woff2') format(woff2),
    url('/fonts/AdwaitaSans-Italic.ttf') format(opentype), local('Adwaita Sans');
}