@tailwind base;
@tailwind components;
@tailwind utilities;

html {
  font-variant-ligatures: no-common-ligatures;
}

@font-face {
  font-family: Moderat;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src:
    local("Moderat"),
    url(https://static.pingcap.com/fonts/moderat/Moderat-Light.woff2)
      format("woff2"),
    url(https://static.pingcap.com/fonts/moderat/Moderat-Light.woff)
      format("woff");
}

@font-face {
  font-family: Moderat;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    local("Moderat"),
    url(https://static.pingcap.com/fonts/moderat/Moderat-Regular.woff2)
      format("woff2"),
    url(https://static.pingcap.com/fonts/moderat/Moderat-Regular.woff)
      format("woff");
}

@font-face {
  font-family: Moderat;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src:
    local("Moderat"),
    url(https://static.pingcap.com/fonts/moderat/Moderat-Medium.woff2)
      format("woff2"),
    url(https://static.pingcap.com/fonts/moderat/Moderat-Medium.woff)
      format("woff");
}

@font-face {
  font-family: Moderat;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src:
    local("Moderat"),
    url(https://static.pingcap.com/fonts/moderat/Moderat-Bold.woff2)
      format("woff2"),
    url(https://static.pingcap.com/fonts/moderat/Moderat-Bold.woff)
      format("woff");
}

@font-face {
  font-family: "Moderat Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    local("Moderat Mono"),
    url(https://static.pingcap.com/fonts/moderat-mono/Moderat-Mono-Light.woff2)
      format("woff2"),
    url(https://static.pingcap.com/fonts/moderat-mono/Moderat-Mono-Light.woff)
      format("woff");
}

@font-face {
  font-family: "Moderat Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    local("Moderat Mono"),
    url(https://static.pingcap.com/fonts/moderat-mono/Moderat-Mono-Regular.woff2)
      format("woff2"),
    url(https://static.pingcap.com/fonts/moderat-mono/Moderat-Mono-Regular.woff)
      format("woff");
}

@font-face {
  font-family: "Moderat Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src:
    local("Moderat Mono"),
    url(https://static.pingcap.com/fonts/moderat-mono/Moderat-Mono-Medium.woff2)
      format("woff2"),
    url(https://static.pingcap.com/fonts/moderat-mono/Moderat-Mono-Medium.woff)
      format("woff");
}

@font-face {
  font-family: "Moderat Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src:
    local("Moderat Mono"),
    url(https://static.pingcap.com/fonts/moderat-mono/Moderat-Mono-Bold.woff2)
      format("woff2"),
    url(https://static.pingcap.com/fonts/moderat-mono/Moderat-Mono-Bold.woff)
      format("woff");
}

:root {
  background-color: #0e0e0e;
  scroll-behavior: smooth;
}