@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;
}

@custom-variant dark (&:where(.dark, .dark *));

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

html {
  font-family: var(--font-sbb-typo);
  @apply dark:scheme-dark;
}
html:has(.no-scroll-body),
body:has(.no-scroll-body) {
  overflow-y: hidden;
}

@keyframes shimmer {
  0% {
    background-position: calc(-1 * var(--shimmer-w, 1000px)) 0;
  }
  100% {
    background-position: var(--shimmer-w, 1000px) 0;
  }
}

.skeleton-shimmer {
  animation: shimmer 2s infinite linear;
  background-size: var(--shimmer-w, 1000px) 100%;
  @apply not-dark:bg-[linear-gradient(to_right,_#f6f7f8_4%,_#edeef1_25%,_#f6f7f8_36%)] bg-[linear-gradient(to_right,_#edeef100_4%,_#edeef110_25%,_#edeef100_36%)];
}

@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');
}